@charset "utf-8";

html{ height:100%;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;}
body{background:#e0e2e4;color:#444;font-size:15px;  font-family:"Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif;  width:100%; min-width:1250px; position:relative}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle; font-size:15px; outline:none; font-family:"Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; }

@media (max-width:1550px){
	body{ font-size:14px;}
}
@media (max-width:1550px){
	select,input,img,select,button,textarea{ font-size:14px;}
}

@font-face {
  font-family: 'iconfont';  /* project id 333158 */
  src: url('//at.alicdn.com/t/font_333158_k5ptgb16hdaq0k9.eot');
  src: url('//at.alicdn.com/t/font_333158_k5ptgb16hdaq0k9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_333158_k5ptgb16hdaq0k9.woff') format('woff'),
  url('//at.alicdn.com/t/font_333158_k5ptgb16hdaq0k9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_333158_k5ptgb16hdaq0k9.svg#iconfont') format('svg');
}

.iconfont{font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale;}
@-webkit-keyframes spinAround {from {-webkit-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);}}
@-moz-keyframes spinAround {from {-moz-transform: rotate(0deg)}to {	-moz-transform: rotate(360deg);}}
@keyframes spinAround {from {transform: rotate(0deg)}to {transform: rotate(360deg);}}

:-moz-placeholder {color: #ccc; }
::-moz-placeholder {color: #ccc;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #ccc;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #ccc}

a{text-decoration:none; color:#444}
a:hover{color:#436dc2; text-decoration:none}
a:focus{ outline:none;text-decoration:none}
.clearit{clear:both; }


.b{font-weight:bold}
.red{ color:#d42121 !important}
.left{ float:left}
.right{ float:right}


.wrapper{ width:96%; max-width:1400px; margin:0 auto}

@font-face{
	font-family:"NoveDemiBold";
	src: url('font/novecentowide-demibold-webfont.eot');
	src: url('font/novecentowide-demibold-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/novecentowide-demibold-webfont.woff2') format('woff2'),
	url('font/novecentowide-demibold-webfont.woff') format('woff'),
	url('font/novecentowide-demibold-webfont.ttf') format('truetype'),
	url('font/novecentowide-demibold-webfont.svg#dincond-boldalternateregular') format('svg');
}
@font-face{
	font-family: 'dincond-medium-webfont';
	src: url('font/dincond-medium-webfont.eot');
	src: url('font/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'), 
	url('font/dincond-medium-webfont.woff2') format('woff2'), 
	url('font/dincond-medium-webfont.woff') format('woff'), 
	url('font/dincond-medium-webfont.ttf') format('truetype'), 
	url('font/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg');
}


/* --------------浏览器滚动条----------------------- */
::-webkit-scrollbar {height:11px;width:11px}
::-webkit-scrollbar-button {height:0;width:0}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {display:block}
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement {display:none}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {border-style:solid;border-color:transparent}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{background-clip:padding-box;background-color:#fff;}
::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);background-clip:padding-box;background-color:rgba(0,0,0,.2);min-height:28px;padding-top:100}
::-webkit-scrollbar-thumb:hover {-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);background-color:rgba(0,0,0,.4)}
::-webkit-scrollbar-thumb:active {-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);background-color:rgba(0,0,0,.5)}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {border-width:0;}
::-webkit-scrollbar-track:hover {-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);background-color:rgba(0,0,0,.05)}
::-webkit-scrollbar-track:active {-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);background-color:rgba(0,0,0,.05)}

#top-bar{ height:36px; line-height:36px; background-color:#f2f2f2;}
#top-bar .top-left{ float:left;}
#top-bar .top-left a{ color:#0065cd; font-weight:bold}
#top-bar .top-left a:hover{ text-decoration:underline; color:#f39000}
#top-bar .top-right{ float:right; margin-top:7px;}
.newyear-bg{height:2000px;background:url(../images/zhici.jpg) no-repeat center top #ce1313;}

.page-loading{background: rgba(0, 0, 0, 0.8)!important;filter: Alpha(opacity=80); z-index:999999; position:fixed; left:0;top:0; width:100%; height:100%; display:none}
.page-loading .loader{ width:32px; height:32px; background:url(../images/loader3.gif) no-repeat; position:absolute; left:50%; margin-left:-16px;top:50%; margin-top:-16px;}


.weui-cell{padding: 10px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell_primary{min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.weui-cell__bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft{text-align: right; color: #999999;}
.weui-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}

.slider_main .headbg{position:absolute;z-index:0;width:100%;height: 100%;background-repeat:no-repeat;background-size:cover;background-position:center center;-webkit-animation-fill-mode: both; animation-fill-mode: both;}
.slider_main .headbg::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.2);/*background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 30%);background-image:linear-gradient(to bottom,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 30%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=0);*/z-index: 1; display:none}
.slider_main .textbox{position: absolute; left:0; top: 0; width: 100%; height: 100%; color: #0098d3; text-align: left; margin-left:0 !important}
.slider_main .weui-cell{width: 100%; height: 100%;margin-left:0 !important}
.slider_main .textbox *{margin-left:0 !important;transform:perspective(0px) !important}

.kaimushi-text1{text-align:center;width:100%;padding-top:30px}
.kaimushi-text1 img{max-width:80%}
.kaimushi-time{text-align:center;margin-top:20px;}
.kaimushi-time strong{display:inline-block;line-height:50px;background-color:#f5f5f5;padding:0 40px;border-radius:40px;color:#005bac}
.kaimushi-time strong span{display:inline-block;padding:0 5px;font-size:22px}
.kaimushi-text2{text-align:center;margin-top:20px;}
.kaimushi-text2 img{max-width:50%}
.kaimushi-btn{text-align:center;margin-top:20px;}
.kaimushi-btn img{max-width:50%}

#header{ height:90px; width:100%; min-width:1250px; z-index:999;position:fixed; left:0;top:0; transition: .3s cubic-bezier(0.215,.61,.215,1);- webkit-transition: 0.3s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.3s cubic-bezier(0.215,.61,.215,1);-o-transition: 0.3s cubic-bezier(0.215,.61,.215,1);}
#header .header-bg{background:#fff; position:absolute; z-index:1; left:0;top:0; width:100%; height:100%;box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.06);filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -webkit-transition: all .3s;transition: all .3s; }
#header .logo{ /*background:url(../images/newyear-icon.png) no-repeat right center;padding-right:90px;*/ float:left; position:relative; z-index:2;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
#header .logo img{ margin-top:28px;}
#header .top-link{ position:absolute; right:0;top:0; z-index:2}
#header .top-link a{ display:block; float:left; width:90px;height:90px; font-size:12px; text-align:center; position:relative; }
#header .top-link a i{ font-size:40px; color:#999; position:absolute; left:50%; margin-left:-20px;top:6px; z-index:2; -webkit-transition: all 400ms; transition: all 400ms; display:block}
#header .top-link a span{ display:block; margin-top:0px;font-weight:bold; color:#888 ; position:relative; z-index:2;-webkit-transition: all 400ms; transition: all 400ms; }
#header .top-link a em{ display:block; width:90px; height:90px;background-color:#f2f2f2;  padding-top:58px; overflow:hidden; position:relative; z-index:3}
#header .top-link a em:before,#header .top-link a em:after {content: ''; display:block;position: absolute; width: 90px; height:90px; background:url(../images/toplink-hover.png); z-index: 1; -webkit-transition: all 400ms; transition: all 400ms;}
#header .top-link a em:before { left: -90px; top: -90px; }
#header .top-link a em:after { right: -90px; bottom: -90px; }

#header .top-link a.a2 em{ background-color:#f2f2f2}
#header .top-link a.a3 em{ background-color:#e2e2e2}

#header .top-link a:hover em:before { left: 0; top: 0; }
#header .top-link a:hover em:after { right: 0; bottom: 0; }
#header .top-link a:hover i{top:10px; color:#fff}

#header .top-link a:hover span{ color:#fff}

@media (max-width: 1600px) {
	#header .top-link a.a1{ display:none}
}
@media (max-width: 1400px) {
	#header .top-link a.a3{ display:none}
}





.search-form{ padding:10px;top:100px; visibility:hidden;filter:alpha(opacity=0); -moz-opacity:0; opacity:0; position:absolute; left:-210px; width:300px; background-color:#f2f2f2;box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.3); z-index:2 ;-webkit-transition: all 400ms; transition: all 400ms;}
.search-form .input{ background-color:#fff; line-height:20px; padding:10px; width:230px; border:0; float:left}
.search-form .hover{ background-color:#fff; color:#007dbf;}
.search-form button{ background-color:#68b92e; color:#fff; font-size:18px; width:46px; height:40px; float:left; border:0; cursor:pointer;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.search-form button i{ font-size:20px;}
.search-form button:hover{ background-color:#76b632}

#header .top-link a:hover .search-form{top:90px;filter:alpha(opacity=100); -moz-opacity:1; opacity:1; visibility:visible}


.nav{ float:right;position:relative; z-index:2; margin-right:30px;}
.nav ul{ float:right}
.nav ul li{ float:left; height:90px; position:relative;/* background:url(../images/nav-li.png) no-repeat left 44px;*/ z-index:3;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;  }
.nav ul li a{ display:block; float:left; height:90px;padding-top:38px; color:#5a5a5a; font-weight:bold; line-height:20px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
.nav ul li a s{ font-weight:normal;  font-size:22px; overflow:hidden}
.nav ul li a:hover{ color:#3f51b5}
.nav ul li.sub a:hover{ color:#3f51b5}
.nav ul li span{ position:relative; z-index:2;padding:0 10px;font-size:15px;}
.nav ul li.home{ background:none}
.nav ul li.home span{}
.nav ul li.en{ margin-left:10px}
.nav ul li.en { border-left:1px #eee solid; background:none}
.nav ul li.en a{ padding-left:40px; background:url(../images/en-icon.png) no-repeat 20px 40px;padding-top:38px;  font-family:'NanumBarunGothic',sans-serif; color:#aaa}
.nav ul li.en i{ font-size:18px; margin-right:5px;}
.nav ul li.en a:hover{ color:#3f51b5;}
.nav ul li.current a{}

.nav ul li.indicator {position:absolute !important; top: 82px; left: 0; width: 100px; height: 8px; background:url(../images/nav-icon.png) no-repeat center 0; z-index:1;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; }

@media (max-width: 1800px) {
	.nav{ margin-right:90px;}
}
@media (max-width: 1450px) {
	.nav{ margin-right:0px;}
	.nav ul li.caigou{display:none}
	.nav ul li span{ padding:0 12px;}
}
@media (max-width: 1300px) {
	.nav ul li.en{display:none}
}

#header.hover{top:-90px}
/*
#header.hover{ height:70px;}
#header.hover .mask{ height:70px;}
#header.hover .logo{top:11px}
#header.hover .nav li{ background-position:left 34px;}
#header.hover .nav li a{ height:70px; padding-top:28px;}
#header.hover .top-link a{ height:70px;}
#header.hover .top-link a span{ display:none}
#header.hover .nav ul li.indicator{top:62px;}
*/


#sub-nav{  position:fixed; visibility:hidden;top:75px;height:0px;  left:0; width:100%; z-index:998;  min-width:1200px; transition: .5s cubic-bezier(0.215,.61,.215,1);-webkit-transition: 0.5s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.5s cubic-bezier(0.215,.61,.215,1);-o-transition: 0.5s cubic-bezier(0.215,.61,.215,1);overflow:hidden;box-shadow:0px 3px 8px 0px rgba(0,0,0,0.1);}
#sub-nav.hover{ top:90px;height:180px; visibility:visible}
#sub-nav.hovers{top:80px;}
#sub-nav .sub-nav-bg{background:#3f51b5;width:100%; height:190px; position:relative; left:0;top:0; transition: .5s cubic-bezier(0.215,.61,.215,1);- webkit-transition: 0.5s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.5s cubic-bezier(0.215,.61,.215,1);-o-transition: 0.5s cubic-bezier(0.215,.61,.215,1); z-index:1;filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}

#sub-nav .sub-nav-item{ width:100%; height:190px; position:absolute; left:0;top:20px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; z-index:2;filter:alpha(opacity=0); -moz-opacity:0; opacity:0; background:url(../images/blank.gif)}
#sub-nav .sub-nav-item.hover{top:0;filter:alpha(opacity=100); -moz-opacity:1; opacity:1; z-index:3}
#sub-nav .sub-nav-item ul{ position:absolute; left:50%;top:0; padding-top:30px}
#sub-nav .sub-nav-item ul .items{ width:110px; float:left; border-right:1px #5e6ec6 solid; padding-right:25px; padding-left:25px; height:120px; }
#sub-nav .sub-nav-item ul .image{  float:left; margin-left:25px; }
#sub-nav .sub-nav-item ul .image img{ float:left}
#sub-nav .sub-nav-item ul .image span{ display:block; width:220px; font-size:12px; color:#fff; text-align:center; padding-top:6px; clear:both}
#sub-nav .sub-nav-item ul .image p{ font-size:12px; color:#c4d2f6;  line-height:1.9; float:left; width:255px; margin-left:25px;}
#sub-nav .sub-nav-item ul .image p a{ display:block; width:80px; height:24px; line-height:24px;color:#fff; background-color:#0093d3; text-align:center; margin-top:5px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
#sub-nav .sub-nav-item ul .image p a:hover{ background-color:#db3447; color:#fff;}
#sub-nav .sub-nav-item .items a{ display:block; color:#fff; margin-bottom:10px; font-size:14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#sub-nav .sub-nav-item .items a:hover { color:#aebbe4}
#sub-nav .sub-nav-item ul .sub-bussiness{ width:720px; float:left; margin-left:15px; position:relative; }
#sub-nav .sub-nav-item ul .sub-bussiness a{ display:block; width:100px;  float:left; text-align:center; color:#fff; margin:0 10px 10px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
#sub-nav .sub-nav-item ul .sub-bussiness a em{ display:block;  width:70px; height:67px; overflow:hidden; margin:0 15px }
#sub-nav .sub-nav-item ul .sub-bussiness a em i{font-size:42px; font-weight:normal; position:relative}
#sub-nav .sub-nav-item ul .sub-bussiness a span{ display:block; font-weight:bold; font-size:14px;}
#sub-nav .sub-nav-item ul .sub-bussiness a.a-map{ color:#93e76a}
#sub-nav .sub-nav-item ul .sub-bussiness a:hover span{ color:#aebbe4}
#sub-nav .sub-nav-item ul .sub-bussiness .line{ position:absolute; left:605px;top:5px;height:80px; width:2px; background-color:#6379d1; border-left:1px #3b51ac solid}
#sub-nav .sub-nav-item ul .sub-paper{ float:left; margin-left:25px; color:#fff}
#sub-nav .sub-nav-item ul .sub-paper img{ width:100px;height:125px; float:left;box-shadow:5px 4px 0px 0px rgba(0,0,0,0.15);}
#sub-nav .sub-nav-item ul .sub-paper p{ float:left; margin-left:20px; width:180px}
#sub-nav .sub-nav-item ul .sub-paper p strong{ display:block; color:#fff }
#sub-nav .sub-nav-item ul .sub-paper p span.date{ font-size:12px; margin-top:7px; display:block; font-weight:bold}
#sub-nav .sub-nav-item ul .sub-paper p span.intro{ font-size:12px; margin-top:7px; color:#a9b9e1; margin-bottom:7px; display:block; line-height:1.5}
#sub-nav .sub-nav-item ul .sub-paper p a{ display:block; width:80px; height:26px; line-height:26px; color:#fff; background-color:#5768c7; text-align:center; margin-top:10px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; font-size:12px;}
#sub-nav .sub-nav-item ul .sub-paper p a:hover{ background-color:#db3447; color:#fff;}



.body-mask{ width:100%; height:100%; position:fixed; z-index:10000; left:0;top:0; background-color:#000;opacity: 0;filter:alpha(opacity=50);visibility:hidden;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;}
.right-slide{ width:380px; height:100%; position:fixed; z-index:10001; right:-380px; visibility:hidden;top:0; background-color:#1d3994;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;}
.right-slide h2{ height:90px; background-color:#1d3994; padding:30px 40px 0; color:#fff; font-size:22px}
.right-slide h2 i{ font-weight:normal; font-size:32px; line-height:32px; position:relative;top:2px; margin-right:5px;}
.right-slide .list{ margin-top:0px; margin:0 20px 0 45px; border-top:2px #3551ad solid; padding-top:20px;}
.right-slide .list a{ display: block; color:#c4cde9; font-size:12px; margin-bottom:6px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.right-slide .list a i{ margin-right:5px; font-size:13px;}
.right-slide .list a:hover{ color:#fff; }
.right-slide .weixin{ margin-top:30px; padding:0 45px; color:#fff; font-weight:bold}
.right-slide .weixin i{ color:#88d03a; margin-left:10px; font-size:30px; }
.right-slide .weixin img{ display:block; width:170px; margin-top:20px; background-color:#fff}
.right-slide .weixin span{ display:block; width:170px; margin-top:10px; font-size:12px; text-align:center}
.right-slide .close-btn{width: 56px;height: 56px;display: block;position:absolute;right:30px;top:20px;transition: 300ms;-webkit-transition: 300ms;z-index: 100; cursor:pointer}
.right-slide .close-btn i{background: url(../images/close4.png) no-repeat scroll center center;width: 100%;height: 100%;display: block;transition: 400ms;-webkit-transition: 400ms;}
.right-slide .close-btn:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}

.right-slide-on .body-mask{opacity: 0.5;visibility:visible;}
.right-slide-on .right-slide{ right:0;visibility:visible;}

.index-banner{ overflow:hidden; background-color:#fff; position:relative; width:100%;height:600px; z-index:1}
.banner-wrapper{ width:1920px;height:600px; position:absolute; left:50%; margin-left:-960px;top:0;}
.slider_main{position:relative; width:1920px; height:600px; margin:0 auto; z-index:1000; overflow: hidden;}
.slider_main .slider_box{position: absolute; left:0; top: 0px; width:1920px; height:600px; overflow: hidden; }
.slider_loading{ position:absolute; left:0;top:0; width:100%; height:100%; background-color:#1d3994; z-index:999; display:none}
.slider_loading img{ position:absolute; left:50%; margin-left:-20px;top:50%; margin-top:-20px;}
.slider_main img{ visibility:hidden}
.slider_main .btns{ position:relative; z-index:10;top:45px}
.slider_main .btns a {position:absolute; z-index:4; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms;}
.slider_main .btns #prev-btn {left:-50px;}
.slider_main .btns #next-btn {right:-50px;}
.slider_main .btns #prev-btn.on {left:50px;}
.slider_main .btns #next-btn.on {right:50px;}
.slider_main .btns a span {position:absolute; top:0; left:0; width:100%; height:100%; -ms-transition:-ms-opacity 300ms;  transition:opacity 300ms;-webkit-transition:-webkit-opacity 300ms; -moz-transition:-moz-opacity 300ms; -o-transition:-o-opacity 300ms; cursor:pointer;}
.slider_main .btns a span.off {-webkit-opacity:1; opacity:1; display:block\9;}
.slider_main .btns a span.on {-webkit-opacity:0; opacity:0; display:none\9;}
.slider_main .btns #prev-btn .off {background:url(../images/prev.png) no-repeat 0 0;}
.slider_main .btns #prev-btn .on  {background:url(../images/prev_on.png) no-repeat 0 0;}
.slider_main .btns #next-btn .off {background:url(../images/next.png) no-repeat 0 0;}
.slider_main .btns #next-btn .on {background:url(../images/next_on.png) no-repeat 0 0;}
.slider_main .btns a:hover .off {-webkit-opacity:0; opacity:0; display:none\9;}
.slider_main .btns a:hover .on {-webkit-opacity:1; opacity:1; display:block\9;}
.slider_main:hover .btns #prev-btn {left:50px;}
.slider_main:hover .btns #next-btn {right:50px;}

.index-banner-nav .i {position:absolute;cursor:pointer; overflow:hidden}
.index-banner-nav .i .b {fill:#fff;fill-opacity:0.5;stroke:#fff;stroke-width:400;stroke-miterlimit:10;stroke-opacity:0.5;}
.index-banner-nav .i:hover .b {fill-opacity:.7;}
.index-banner-nav .iav .b {fill-opacity: 1;fill:#fff;stroke:#fff;stroke-opacity:1;}
.index-banner-nav .i.idn {opacity:.3;}

.index-banner-nav {display:block;position:absolute;cursor:pointer;}
.index-banner-nav .a{fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.index-banner-nav:hover {opacity:.8;}
.index-banner-nav.jssora051dn {opacity:.5;}
.index-banner-nav.jssora051ds {opacity:.3;pointer-events:none;}


.banner-main{ position:absolute; left:0;top:0; z-index:1001;width:1920px;height:600px; overflow:hidden; background-color:#94daf4}
.banner-main .loading{ width:50px; height:50px; background:url(../images/loader2.gif) no-repeat; position:absolute; left:50%; margin-left:-25px;top:50%; margin-top:-15px;-webkit-transition: all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.banner-main .image{width:1920px;height:600px; overflow:hidden; position:relative; z-index:1}
.banner-main .image img{transform:scale(1.3);-webkit-transform:scale(1.3);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.banner-main .main-text1{ width:232px; height:265px; overflow:hidden; position:absolute; left:50%; margin-left:-450px;top:50%; margin-top:-120px; z-index:2;transform:scale(0.5);-webkit-transform:scale(0.5);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.banner-main .main-text1 img{ width:100%}
.banner-main .main-text2{ width:0; height:74px; overflow:hidden; position:absolute; left:50%; margin-left:-200px;top:50%; margin-top:-20px; z-index:2;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}



/* --------------TABS跟随线条---------------------- */
.tab-line { height: 3px; width: 60px; background: #3f51b5; position: relative; left: 0px; margin-top: -3px; }


.index-bg1{ background:url(../images/index-bg1.jpg) no-repeat right bottom #f1f1f1; background-size:20%}
.index-new-bg{width:67%; height:420px; float:left; padding:40px 3% 0; background-color:#fff;}
.index-news{ position:relative}
.index-news h2{ font-size:16px; font-weight:bold; position:relative; height:28px;}
.index-news h2 a{ display:inline-block; margin-right:30px; color:#8a8a8a}
.index-news h2 a.current{ color:#3f51b5}
.index-news .con{ margin-top:20px; position:relative}
.index-news a.more{ position:absolute; right:0;top:-53px; font-size:12px; color:#8a8a8a; display:inline-block; border:1px #eee solid; padding:0px 10px; line-height:26px;}
.index-news a.more:hover{ color:#4a4a4a; background-color:#eee}
.index-news dl{ padding-bottom:20px;border-bottom:1px #ddd dotted; position:relative; padding-left:210px;}
.index-news dl .image{ width:180px; position:absolute; left:0px;top:0;}
.index-news dl .image img{ width:100%}
.index-news dl .text{ height:120px;}
.index-news dl strong{display:block; font-size:18px; margin-left:105px; position:relative; line-height:24px; }
.index-news dl strong em{font-family:"NoveDemiBold"; position:absolute; left:-105px;top:0px; color:#68b92e}
.index-news dl strong a{ color:#444;max-width:100%;_width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block }
.index-news dl strong a:hover{ color:#1d3994}
.index-news dl p{ font-size:14px; color:#888; margin-top:12px; line-height:2; height:77px; overflow:hidden; }
.index-news dl p a{ color:#666;}
.index-news dl p a:hover{ text-decoration:underline; color:#c31a2d}
.index-news ul{ margin-top:10px;}
.index-news ul li{ padding:6px 0; height:32px;  line-height:20px; margin-right:75px; position:relative }
.index-news ul li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:15px;display:inline-block; max-width:85%;_width:85%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align:left;}
.index-news ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#aaa; position:absolute; right:-75px;top:7px;}

.index-links{ width:33%; float:right; position:relative;height:420px;}

.index-shares{height:105px; width:92%; background-color:#fff; border:1px #e8e8e8 solid; border-radius:5px; overflow:hidden; position:absolute; left:8%; bottom:20px; z-index:99}
.index-shares h2{ height:40px; line-height:40px; padding-left:20px; font-size:15px;font-weight:bold;  background-color:#f7f5f4}
.index-shares .shares-slider{ padding-top:8px;overflow:hidden; height:52px;}
.index-shares ul li{border-bottom:1px #ddd dotted; }
.index-shares ul li a{ display:block; height:45px;padding:0 15px 0 20px}
.index-shares ul li:last-child{ border-bottom:0}
.index-shares .num{ line-height:30px; height:30px; overflow:hidden; color:#fd343b; margin-top:9px; float:right; width:145px; }
.index-shares .num strong{ position:relative;font-size:40px; font-family:"dincond-medium-webfont"; font-weight:500; float:left ; margin-left:6px;display:none}
.index-shares .num strong.downtxt{ color:#78c737}
.index-shares .num i{ float:left; font-size:14px; position:relative;top:-8px;display:none}
.index-shares .num i.down{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); color:#78c737}
.index-shares .num span{ font-size:15px; font-family:Tahoma, Geneva, sans-serif; position:relative;top:5px;display:none}

.index-shares .title{ color:#5a5a5a; float:left; font-size:14px; line-height:22px; padding-top:11px; width:160px; overflow:hidden }
.index-shares .title b{ font-size:18px;  color:#436dc2;}
.index-shares .title span{ color:#aaa;  font-size:15px;  font-weight:normal; display:inline-block; margin-left:3px;}
.index-shares em{ color:#fd343b; position:relative; left:8px;top:3px; display:none; float:left;}
.index-shares em.downmum{ color:#78c737 !important}
.index-shares .title a{ color:#007bac}
.index-shares .bx-wrapper{ margin:0}

.index-shares .arrow-up{ display:block; width:26px; height:24px; background-color:#fff; border:1px #eee solid; line-height:24px; text-align:center; position:absolute; right:35px;top:8px; color:#888;border-radius:3px 0 0 3px; transition: all 0.3s; -webkit-transition: all 0.3s;  }
.index-shares .arrow-up i{ font-size:20px;}
.index-shares .arrow-up:hover{ color:#fff; background-color:#43addb; border:0 }
.index-shares .arrow-down{ display:block; width:52px; height:24px; line-height:24px; padding-right:10px; font-size:12px; background-color:#fff; border:1px #eee solid;  text-align:center; position:absolute; right:10px;top:8px; color:#888;border-radius:3px; transition: all 0.3s; -webkit-transition: all 0.3s;}
.index-shares .arrow-down i{ font-size:20px; line-height:24px; position:absolute; right:0;top:0;}
.index-shares .arrow-down:hover{color:#fff; background-color:#43addb;border:1px #43addb solid;  }

.index-map{ height:150px; background:url(../images/index-map.jpg) no-repeat center top; width:92%; margin-left:8%; margin-top:20px;}
.index-map a{ display:block; height:135px; padding:20px 0px}
.index-map strong{margin-left: 30px;margin-left: 0px \9;color: #4a4a4a;font-size:20px;-webkit-animation: mapText1 800ms ease-out forwards;animation: mapText1 800ms ease-out forwards; opacity: 0; display:block}
.index-map span{ display:block; position:relative;top:3px;margin-left: -30px;margin-left: 0 \9;color: #43addb;font-size: 30px;-webkit-animation: mapText2 800ms ease-out forwards;animation: mapText2 800ms ease-out forwards; opacity: 0;font-family:"dincond-medium-webfont";text-transform: uppercase;letter-spacing: -1px;}

@-webkit-keyframes mapText1 {
    0% { margin-left: 30px; opacity: 0; }
    100% { margin-left: 0px; opacity: 1; }
}
@keyframes mapText1 {
    0% { margin-left: 30px; opacity: 0; }
    100% { margin-left: 0px; opacity: 1; }
}
@-webkit-keyframes mapText2 {
    0% { margin-left: -30px; opacity: 0; }
    100% { margin-left: 0px; opacity: 1; }
}
@keyframes mapText2 {
    0% { margin-left: -30px; opacity: 0; }
    100% { margin-left: 0px; opacity: 1; }
}
.index-topic{ height:110px;margin-left:8%;border-radius:4px;overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center center; border:1px #eee solid; position:relative}
.index-topic a{ display:block; width:100%; height:100%; position:absolute; left:0;top:0;}

.index-bg2{ padding:40px 0}



.index-news2{ width:32.5%; height:350px; float:left; background-color:#fff;box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.1); position:relative}
.index-news2 h2{ height:60px; background-color:#f0f1f2}
.index-news2 h2 a{ display:block; line-height:60px; width:50%; float:left; text-align:center; font-size:18px; background-color:#f0f1f2;}
.index-news2 h2 a.current{ background-color:#fff; color:#3f51b5}
.index-news2 .con{ padding:20px 30px;}
.index-news2 dl{ padding-left:120px; position:relative;}
.index-news2 dl .date{ width:100px; position:absolute; left:0;top:0;font-family:"NoveDemiBold"; }
.index-news2 dl .date strong{ display:block; line-height:40px; background-color:#e1e1e1; text-align:center; color:#5a5a5a; font-size:26px; }
.index-news2 dl .date span{ display:block; text-align:center; background-color:#ececec; color:#9e9e9e; line-height:28px; font-size:16px; }
.index-news2 dl .image{ width:100px; position:absolute; left:0;top:0;}
.index-news2 dl .image img{ width:100%}
.index-news2 dl .text{ }
.index-news2 dl .text strong{display:block; font-size:15px;position:relative; line-height:20px;height:40px; overflow:hidden }
.index-news2 dl .text strong a{ color:#444; }
.index-news2 dl .text strong a:hover{ color:#3f51b5}
.index-news2 dl .text span{ display:block;font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#aaa; margin-top:10px;}
.index-news2 ul{ margin-top:20px;}
.index-news2 ul li{ padding:6px 0; height:32px;  line-height:20px; margin-right:75px; position:relative }
.index-news2 ul li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:15px;display:inline-block; max-width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;_width:100%; text-align:left;}
.index-news2 ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#aaa; position:absolute; right:-75px;top:7px;}
.index-news2 a.more{ position:absolute; right:20px;bottom:18px; font-size:12px; color:#8a8a8a; display:inline-block;padding:0px 10px; line-height:26px;}
.index-news2 a.more:hover{ color:#4a4a4a; }

.index-social{ width:32.5%; height:350px; float:left; margin-left:2%; background:url(../images/index-zeren-new.jpg) no-repeat center top #fff;box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.1); position:relative; padding-top:160px}
.index-social-con{ padding:20px}
.index-social .slider{height:130px; overflow:hidden}
.index-social .slider ul li{height:130px; position:relative; padding-left:170px;}
.index-social .slider ul li .image{ width:150px; position:absolute; left:0;}
.index-social .slider ul li .image img{ width:100%; }
.index-social .slider ul li .text{ }
.index-social .slider ul li .text strong{ display:block;line-height:24px;height:48px; font-size:15px; font-weight:normal }
.index-social .slider ul li .text span{display:block;font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#aaa; margin-top:10px;}
.index-social a.arrow-bottom{ display:block; position:absolute; left:0;bottom:0; right:0; height:50px; color:#ccc; text-align:center; line-height:50px; background-color:#fafafa; border-top:1px #eee solid;-webkit-transition: all 0.4s; transition: all 0.4s; }
.index-social a.arrow-bottom i{ font-size:24px;}
.index-social a.arrow-bottom:hover{ color:#777; background-color:#eee;}
.index-social .bx-controls{ display:none}


.index-other{ width:30.3%; float:right; background-color:#fff;box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.1);}
.index-other h2{ height:60px;}
.index-other h2 a{ display:block; line-height:60px; width:50%; border-right:1px #e5e5e5 solid; float:left; text-align:center; font-size:18px;  background-color:#f0f1f2}
.index-other h2 i{ font-size:30px; display:none; line-height:30px; margin-right:3px; position:relative;top:6px;}
.index-other h2 a.current{ background-color:#fff; color:#3f51b5}
.index-other h2 a:last-child{ border:0;}

.index-leader{ padding:20px;height:290px; overflow:hidden; }
.index-leader .slider{ position:relative}
.index-leader .slider ul li .image{ height:210px; overflow:hidden}
.index-leader .slider ul li img{ width:360px; display:block; margin:0 auto}
.index-leader .slider ul li span{ display:block; margin-top:15px;  padding:0px 25px 0 25px; text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index-leader .slider a.arrow-next{display:block; height:50px;line-height:50px; background:url(../images/index-leader-a-bg.png) no-repeat #9a9a9a; z-index:200; position:absolute; right:0;top:210px; width:110px; transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; display:none}
.index-leader .slider a.arrow-next i{ display:block; font-size:36px; position:relative;top:3px; color:#fff; margin-left:50px;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;}
.index-leader .slider:hover a.arrow-next{ width:130px; background-color:#fd343b;}
.index-leader .slider:hover a.arrow-next i{ margin-left:80px;}
.index-leader .bx-controls{ display:none}



.index-video{ padding:20px;height:290px;}
.index-video .image{ height:210px; overflow:hidden; position:relative}
.index-video .image img{ display:block;-webkit-transition: -webkit-transform 2s ease-out;-moz-transition: -moz-transform 2s ease-out;-ms-transition: -ms-transform 2s ease-out;transition: transform 2s ease-out; width:100%;height:210px}
.index-video .image em{ position:absolute; left:0;top:0; display:block; width:100%;height:100%; background-color:#000;filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; z-index:2; -webkit-transition: all 400ms; transition: all 400ms; }
.index-video .image i{ color:#fff; font-size:60px; position:absolute; left:50%; margin-left:-30px;top:50%; margin-top:-35px; z-index:3}
.index-video .title{ text-align:center; margin-top:15px; }
.index-video:hover .image img{transform:scale(1.1);-webkit-transform:scale(1.1); }
.index-video:hover .image em{filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}

.index-journal{ padding:20px; height:290px;}
.index-journal .image{ width:45%; float:left; margin-top:5px;}
.index-journal .image img{ border:1px #e8e8e8 solid; width:100%;box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.05);}
.index-journal .text{ width:48%; float:right; padding-top:5px;}
.index-journal .text .title strong{ display:block; font-size:20px; position:relative; left:-8px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index-journal .text .title strong a{ }
.index-journal .text .title span{ display:block; font-size:18px; margin-top:6px;}
.index-journal .text .other{ margin-top:20px; line-height:1.6}
.index-journal .text .other p{ margin-top:10px; color:#aaa; font-size:13px}
.index-journal .text .other a{ display:block; line-height:55px; margin-top:12px; border-radius:5px; width:90%; text-align:center; font-size:18px; color:#fff; background-color:#9ad452}
.index-journal .text .other a i{  font-size:30px; margin-right:3px; position:relative;top:4px}
.index-journal .btns{ height:55px; margin-top:20px;}
.index-journal .btns a{ display:block; line-height:55px; float:left; width:50%; text-align:center; font-size:18px; color:#fff; background-color:#9ad452}
.index-journal .btns a i{  font-size:30px; margin-right:3px; position:relative;top:4px}
.index-journal .btns a:last-child{ background-color:#82c530}

.links-list{ padding:10px 30px 20px}
.links-list li{ border-bottom:1px #ddd dotted; padding:12px 0; background:url(../images/link.gif) no-repeat 0 center; text-indent:23px;}
.links-list li:last-child{ border:0}

.bottom-slider{ position:fixed; right:0;bottom:-240px; width:350px; height:240px; background-color:#ddd;box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.15); z-index:9999;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;-o-transition-duration:0.8s;}
.bottom-slider .con{padding:10px}
.bottom-slider.hover{bottom:0}
.bottom-slider .close-icon{background:url(../images/close-icon.gif) no-repeat center center; width:16px; height:16px; position:absolute; right:24px;top:24px; z-index:20}

.banner-close{background:url(../images/close-icon.gif) no-repeat center center rgba(0,0,0,0.4);width:48px; height:48px; position:absolute; right:5px;top:90px; z-index:20;cursor:pointer }

/* --------------网站底部---------------------- */
.footer{ background:#3f51b5;  padding:20px 0 35px;font-size:13px; color:#a9b9e1; line-height:28px; position:relative; z-index:998}
.footer .footer-links{ width:98px; float:right; position:relative; margin-top:4px;}
.footer .footer-links a{ display:block; width:44px; height:44px; background-color:#2548a5;border-radius:22px; text-align:center; line-height:46px;-webkit-transition: all 400ms; transition: all 400ms; margin-left:5px; position:relative; float:left}
.footer .footer-links a i{ font-size:28px; color:#fff}
.footer .footer-links div.code{ position:absolute; left:-36px;bottom:80px;  background-color:#fff; border:7px #3eb135 solid; visibility:hidden;filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -webkit-transition: all 400ms; transition: all 400ms;}
.footer .footer-links div.code img{ width:100px; height:100px; }
.footer .footer-links div.code em{ display:block;width: 0;height: 0;border-left:8px solid transparent;border-right: 8px solid transparent;border-top:8px solid #3eb135; position:absolute; left:50%; margin-left:-8px;bottom:-13px;}
.footer .footer-links div.code span{ display:block;border:0;line-height:20px; height:25px; padding:0; font-size:14px; margin:0}
.footer .footer-links a:hover div.code{ visibility:visible;filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:55px; }
.footer .footer-links a:hover{  background-color:#3eb135}
.footer .footer-left{ float:left;}
.footer .footer-right{ float:right; text-align:right; margin-right:20px}
.footer .footer-right span{ margin:0 10px; font-size:12px; position:relative;top:-1px; font-weight:bold; color:#a9b9e1}
.footer .footer-right a{ color:#fff}
.footer .footer-right a:hover{ text-decoration:underline}
.footer .footer-right img{ position:relative;top:-2px; margin-right:5px;}
.footer .footer-right i{ margin-right:5px; position:relative;top:2px; font-size:16px;}
.footer a.linking{ display:inline-block; background:url(../images/linking.png) no-repeat; text-indent:-10000px; overflow:hidden; width:170px; height:17px; position:relative;top:5px;}

.footer-shares{height:70px; float:right}
.footer-shares .num{ line-height:30px; color:#fd343b; float:right;  margin-top:8px; }
.footer-shares .num strong{ position:relative;font-size:50px; font-family:"dincond-medium-webfont"; font-weight:500; float:left ; margin-left:10px; display:block}
.footer-shares .num i{ float:left; font-size:20px; position:relative;top:-6px;}
.footer-shares .num span{ display:block; float:left; margin-left:20px; font-size:15px; font-family:Tahoma, Geneva, sans-serif; position:relative;top:5px}
.footer-shares .num.green{ color:#78c737}
.footer-shares .num.green:before{border-top:15px solid #78c737; border-bottom:0;}
.footer-shares .title{ color:#5a5a5a; float:right; font-size:15px;margin-left:20px; font-weight:bold; line-height:22px; }
.footer-shares .title span{ color:#aaa; display:block; font-size:13px; margin-top:5px; font-weight:normal }
.footer-shares .title em{ color:#fd343b; margin-left:5px; font-weight:bold}
.footer-shares .title a{ margin-left:10px; color:#007bac}

/* --------------网站底部---------------------- */
.footer2{ background:#f4f4f4;line-height:28px;  position:relative; overflow:hidden}
.footer2 .footer-bg{ background-color:#eee; position:absolute; left:50%; top:0; margin-left:600px; height:400px; width:50% }
.footer2 .footer-left{ float:left; padding-top:40px; position:relative}
.footer2 .footer-left .menu{}
.footer2 .footer-left .menu dl{ width:115px; float:left;}
.footer2 .footer-left .menu dt{ height:30px; font-size:15px;}
.footer2 .footer-left .menu dd{ margin-bottom:5px;}
.footer2 .footer-left .menu dd a{ color:#8a8a8a}
.footer2 .footer-left .menu dd a:hover{ color:#3f51b5}
.footer2 .footer-left .qr-code{ position:absolute; left:580px;top:40px; text-align:center}
.footer2 .footer-left .qr-code img{ width:120px; border:1px #eee solid}
.footer2 .footer-left .qr-code span{ display:block; color:#8a8a8a; font-size:12px}
.footer2 .footer-right{ float:right; text-align:right; background-color:#eee; padding:30px 0 40px 30px; color:#8a8a8a; width:400px;}
.footer2 .footer-right .copy span{ margin:0 5px; color:#aaa; font-size:12px; position:relative;top:-1px; font-weight:bold}
.footer2 .footer-right .copy img{ position:relative;top:-2px; margin-right:5px;}
.footer2 .footer-right .copy i{ margin-right:3px; position:relative;top:2px; color:#3eb135}
.footer2 .footer-right .links{ border-top:1px #ddd solid; margin-top:15px; padding-top:15px; font-size:12.5px}
.footer2 .footer-right .links a{color:#8a8a8a;}
.footer2 .footer-right .links a:hover{ color:#f39800}
.footer2 a.linking{ display:inline-block; background:url(../images/linking2.png) no-repeat; text-indent:-10000px; overflow:hidden; width:170px; height:17px; position:relative;top:5px; margin-left:20px}


/* --------------右侧跟随---------------------- */
#follow-btn{ position:fixed; bottom:-200px; z-index:1001;transition: all 850ms cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-moz-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-o-transition: all 850ms cubic-bezier(0.215,.61,.215,1);}
#follow-btn a{ display:block; background-color:rgba(0,0,0,0.05); color:#aaa; width:50px; height:50px; line-height:48px; text-align:center; -webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition: background-color 0.3s; position:relative;border-radius:3px }
#follow-btn a i{font-size:28px;}
#follow-btn a:hover{ background-color:#75b0ea; color:#FFF}

@media (max-width:1550px){
	#follow-btn{ display:none}
}


.page-wrapper{ background-color:#fff;width:96%; max-width:1400px; margin:-180px auto 40px; position:relative; z-index:997;min-height:600px;box-shadow: 0px 2px 15px 0 rgba(0, 0, 0, 0.05);}

.page-banner{ width:100%; position:relative; height:450px; overflow:hidden;min-width:1200px; z-index:997} 
.page-banner .image-con{ overflow:hidden; height:100%; width:100%; position:relative;transition: all 1.5s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 1.5s cubic-bezier(0.215,.61,.215,1);transform:scale(1.1);-webkit-transform:scale(1.1); }
.page-banner .image-con .image{ height:100%; width:100%; background-repeat:no-repeat; background-size:cover;}

.page-banner.hover .image-con{transform:scale(1);-webkit-transform:scale(1);}


.page-nav{ height:60px;text-align:center; background-color:#f2f2f2; margin:0 30px}
.page-nav ul{ float:right}
.page-nav ul li{ position:relative;display:inline-block; padding:0 20px;}
.page-nav ul li a{ vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale; position: relative;-webkit-transition-property: color; transition-property: color;transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; display:inline-block;  position:relative; text-align:center;  line-height:60px;  }
.page-nav ul li a:before {content:""; position: absolute;z-index: -1;bottom:-2px;left: 0;right: 0;background: #3f51b5;-webkit-transform: scaleX(0);transform: scaleX(0); transition: all 1s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 1s cubic-bezier(0.215,.61,.215,1);color: #fff;padding: 0px 20px; height:4px;display:none\9}
.page-nav ul li a:hover:before,.page-nav ul li a:focus:before,.page-nav ul li a:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);}
.page-nav ul li a:hover{ color:#3f51b5;  color:#fff\9}
.page-nav ul li.current a{ color:#3f51b5; font-weight:bold}
.page-nav ul li.current a:before,.page-nav ul li.current a:focus:before,.page-nav ul li.current a:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);}

.page-top{ padding:30px 30px 0; height:120px; overflow:hidden; position:relative}
.page-title strong{margin-left: 30px;margin-left: 0px \9;color: #ddd;font-size:60px;font-family:"dincond-medium-webfont";text-transform: uppercase;letter-spacing: -1px;-webkit-animation: cth1 800ms ease-out forwards;animation: cth1 800ms ease-out forwards; opacity: 0; display:inline-block}
.page-title span{ display:inline-block; position:relative;top:-3px;margin-left: -30px;margin-left: 0 \9;color: #5a575b;font-size: 24px;font-weight: bold;-webkit-animation: cth2 800ms ease-out forwards;animation: cth2 800ms ease-out forwards; opacity: 0;}

.location{ position:absolute; right:30px;top:77px; line-height:20px; font-size:12px;}
.location i{ display:inline-block; width:10px; height:10px; background:url(../images/home-icon.png) no-repeat; position:relative;top:1px }
.location em{ display:inline-block; background:url(../images/location-li.png) no-repeat; width:3px; height:5px; margin:0 10px; position:relative;top:-2px }
.location a{ color:#aaa}
.location a:hover{ color:#436dc2}
.location a:last-child{ color:#6a6a6a; font-weight:bold}


.sub-location{ float:left; margin-left:20px; margin-top:20px; line-height:20px; font-size:12px;}
.sub-location i{ display:inline-block; width:10px; height:10px; background:url(../images/home-icon.png) no-repeat; position:relative;top:1px }
.sub-location em{ display:inline-block; background:url(../images/location-li.png) no-repeat; width:3px; height:5px; margin:0 10px; position:relative;top:-2px }
.sub-location a{ color:#aaa}
.sub-location a:hover{ color:#436dc2}
.sub-location a:last-child{ color:#6a6a6a; font-weight:bold}

@-webkit-keyframes cth1 {
    0% { margin-left: 30px; opacity: 0; }
    100% { margin-left: 0px; opacity: 1; }
}

@keyframes cth1 {
    0% { margin-left: 30px; opacity: 0; }
    100% { margin-left: 0px; opacity: 1; }
}

@-webkit-keyframes cth2 {
    0% { margin-left: -30px; opacity: 0; }
    100% { margin-left: 20px; opacity: 1; }
}

@keyframes cth2 {
    0% { margin-left: -30px; opacity: 0; }
    100% { margin-left: 20px; opacity: 1; }
}

.page-con{ padding:30px}

.about{ }
.about .about-title strong{ display:block; font-size:26px; }
.about .about-title span{ display:block; font-size:16px; color:#aaa }
.about .since{ font-family:"dincond-medium-webfont";font-weight:700;  color:#68b92e; font-size:40px}
.about .content-a{ margin-top:10px; line-height:2;font-size:18px;  padding-right:33%; color:#6a6a6a; position:relative}
.about .content-a img{ position:absolute; right:3%;top:-120px; width:24%}
.about .content-b{ margin-top:30px; line-height:2; color:#6a6a6a;font-size:16px;}
.about .content-b h2{font-size:16px; font-weight:bold; position:relative; color:#1c64b7}
.about .content-b h2:before {content:"";display:block;width: 0;height: 0;border-left:6px solid transparent;border-right: 6px solid transparent;border-top:9px solid #1c64b7; position:absolute; left:70px; top:5px; }
.about .content-b p{ margin-top:15px;}
.about .line{ height:16px; background:url(../images/section-title-bg.png) repeat-x; margin:30px 0}
.about .num{}
.about .num h2{  font-size:16px; font-weight:600; position:relative; color:#1c64b7 }
.about .num h2 span{ font-size:16px; font-weight:normal; color:#666;margin-left:25px}
.about .num h2:before {content:"";display:block;width: 0;height: 0;border-left:6px solid transparent;border-right: 6px solid transparent;border-top:9px solid #1c64b7; position:absolute; left:85px; top:5px; }
.about .num .item{ height:125px; width:23.5%; background-color:#f4f4f4; border-radius:5px; margin-right:2%; float:left;text-align:center; margin-top:30px; padding-top:15px;}
.about .num .item strong{ display:block; font-family:"NoveDemiBold"; font-size:46px; color:#68b92e}
.about .num .item span{ display:block; font-size:16px; color:#888; }
.about .num .item span i{ font-size:12px; margin-left:5px;}
.about .num .item-a{ border:0;}
.about .num .item-b{}
.about .num .item-c{ }
.about .num .item-d{ margin-right:0}
.about .about-pic{ }
.about .about-pic .item{ width:50%; float:left; }
.about .about-pic .item .title{height:110px; background-color:#7d7d7d; padding:20px 30px; color:#fff; position:relative}
.about .about-pic .item .title strong{ display:block; font-size:20px;}
.about .about-pic .item .title p{ margin-top:10px; font-size:16px;}
.about .about-pic .item .title a{ display:block; width:90px; height:28px; line-height:28px; text-align:center; background-color:#fff; position:absolute; right:30px;top:20px; }
.about .about-pic .item .title a i{ position:relative;top:2px;}
.about .about-pic .item .image{ overflow:hidden; position:relative}
.about .about-pic .item .image img{ display:block;-webkit-transition: -webkit-transform 2s ease-out;-moz-transition: -moz-transform 2s ease-out;-ms-transition: -ms-transform 2s ease-out;transition: transform 2s ease-out; width:100%}
.about .about-pic .item .image em{ position:absolute; left:0;top:0; display:block; width:100%;height:100%; background-color:#000;filter:alpha(opacity=10); -moz-opacity:0.1; opacity:0.1; z-index:2; -webkit-transition: all 400ms; transition: all 400ms; }
.about .about-pic .item .image i{ color:#fff; font-size:90px; position:absolute; left:50%; margin-left:-45px;top:50%; margin-top:-55px; z-index:3}
.about .about-pic .item-b{}
.about .about-pic .item-b .title{ background-color:#ccc}
.about .about-pic .item:hover .image img{transform:scale(1.1);-webkit-transform:scale(1.1); }
.about .about-pic .item:hover .image em{filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.about .about-contact{ padding:30px 50px 50px; background-color:#f7f7f7; position:relative}
.about .about-contact h2{ font-size:16px; font-weight:bold}
.about .about-contact p{ margin-top:20px; line-height:1.8}
.about .about-contact p a i{ color:#ff3333; margin-left:5px;}
.about .about-contact p a.btn{ background-color:#0cafe5; display:block; width:130px; line-height:28px; color:#fff; margin-top:10px; font-size:16px;}
.about .about-contact .qr{ position:absolute; right:50px;top:40px;}
.about .about-contact .qr .image{ display:block; width:140px; height:140px; background:url(../images/qr2.png) no-repeat; background-size:cover}
.about .about-contact .qr .image img{ width:100%}
.about .about-contact .qr span{ display:block; font-size:12px; margin-top:10px; color:#aaa; text-align:center; line-height:1.6}


/* --------------视频弹出播放---------------------- */
.video-play{ position:fixed; left:0;top:0; z-index:99999; width:100%; height:100%; display:none}
.video-play .mask{ position:absolute; left:0;top:0; width:100%; height:100%;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; z-index:1 }
.video-play .box{ width:900px; height:600px; position:absolute; left:50%; margin-left:-450px;top:50%; margin-top:-285px; z-index:3; }
.video-play .close-btn{ background:url(../images/close2.gif) no-repeat center center; display:block; text-indent:-10000px; width:50px; height:50px; position:absolute; left:50%; margin-left:390px;top:50%; margin-top:-275px; z-index:4;-webkit-transition: -webkit-transform 1s;}
.video-play .close-btn:hover{-webkit-transform:rotate(180deg); }
#con_video_div{ background:#000}


.speech{ padding:40px 30px 50px}
.speech .text{ width:61.8%; float:left; line-height:2;}
.speech .text p{ margin-bottom:15px;}
.speech .image{ width:34%; float:right}
.speech .image img{ width:100%}

.zuzhi{ text-align:center;}


.leader{ overflow:hidden; padding:0px 0 50px}
/*
.leader .leader-tab{ height:60px; text-align:center}
.leader .leader-tab a{ line-height:60px; padding:0 40px; background-color:#f2f2f2; display:inline-block; font-size:16px; position:relative}
.leader .leader-tab a.current:before {content:"";display:block;width: 0;height: 0;border-left:8px solid transparent;border-right: 8px solid transparent;border-top:8px solid #ff3333; position:absolute; left:50%; margin-left:-8px;bottom:-8px;}
.leader .leader-tab a.current{ background-color:#ff3333; color:#fff}
*/
.leader h2{ font-size:22px; margin-left:30px; padding-top:40px; color:#3a3a3a;}
.leader h2 i{ font-weight:normal; font-size:40px; margin-right:10px; position:relative;top:5px; color:#3f51b5}
.leader .con{ margin-top:20px;margin-left:20px }
.leader .item{ width:565px; float:left; margin-left:10px; margin-bottom:10px; background-color:#f7f7f7}
.leader .item .image{ width:160px; height:160px; float:left; overflow:hidden ; position:relative; margin:20px}
.leader .item .image img.head-img{ width:100%; display:block;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;transition: transform 0.5s ease-out;}
.leader .item .image img.head-mask{ width:100%; position:absolute; left:0;top:0; z-index:2}
.leader .item .text{ width:350px; height:200px; padding:30px 30px 30px 10px; float:left }
.leader .item .text h3{ font-size:20px; font-weight:bold}
.leader .item .text span{ display:block; margin-top:20px; font-weight:bold} 
.leader .item .text p{ margin-top:10px; color:#8a8a8a; line-height:1.6}
.leader .item:hover .image img.head-img{transform:scale(1.1);-webkit-transform:scale(1.1); }


.leader-list .con{max-width:650px;margin:0 auto;padding-bottom:50px; }
.leader-list p{margin-bottom:20px;color:#888;font-size:18px;}
.leader-list p strong{font-size: 22px;display:inline-block;font-weight: normal; color: #333; margin-right:15px;}


.leader-list1{ padding-bottom:40px; margin-top:20px}
.leader-list1 .item{ width:200px; text-align:center; float:left; height:340px; margin:0 30px;}
.leader-list1 .item strong{ display:block; margin-top:15px; }
.leader-list1 .item span{ margin-top:5px; display:block; color:#888}

.leader-view{padding:30px 30px 50px}
.leader-view .info{border-radius:10px;background-color:#f2f2f2;padding:30px 30px 30px 270px;min-height:290px;position:relative;}
.leader-view .info .image{position:absolute;left:30px;top:30px;}
.leader-view .info .text h2{font-size:24px;font-weight:bold;border-bottom:1px #ddd solid;padding-bottom:20px;}
.leader-view .info .text h2 span{font-weight:normal;font-size:18px;margin-top:10px;display:block}
.leader-view .info .text h3{margin-top:20px;font-size:16px;font-weight:bold;position:relative;color:#1c64b7}
.leader-view .info .text h3:before{content: "";display: block; width: 0;height: 0;border-left: 6px solid transparent; border-right: 6px solid transparent;border-top: 9px solid #1c64b7; position: absolute;left: 70px;top: 5px;}
.leader-view .info .text .con{margin-top:10px;line-height:1.8}
.leader-view .leader-article-list{margin-top:30px;position:relative;}
.leader-view .leader-article-list h2{border-bottom:1px #ddd solid;padding-bottom:15px}
.leader-view .leader-article-list h2 span{display:inline-block;font-size:22px;font-weight:bold;border-left:4px #ee0000 solid;padding-left:10px;}
.leader-view .leader-article-list .more{position:absolute;right:0;top:10px;}
.leader-view .leader-article-list ul{margin-top:20px;}
.leader-view .leader-article-list ul li{ text-align:right; padding:8px 0;  }
.leader-view .leader-article-list ul li a{ float:left; background:url(../images/li.gif) no-repeat 0 center; padding-left:15px; font-size:16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:880px;_width:880px;}
.leader-view .leader-article-list ul li span{ color:#aaa}
.leader-view .leader-pic-list{margin-top:30px;position:relative;}
.leader-view .leader-pic-list h2{border-bottom:1px #ddd solid;padding-bottom:15px}
.leader-view .leader-pic-list h2 span{display:inline-block;font-size:22px;font-weight:bold;border-left:4px #ee0000 solid;padding-left:10px;}
.leader-view .leader-pic-list h2 font{color:#ee0000}
.leader-view .leader-pic-list .more{position:absolute;right:0;top:10px;}
.leader-view .leader-pic-list ul{margin-top:20px;}
.leader-view .leader-pic-list ul li{ width:23.5%;  box-shadow: 7px 7px 0 0 rgba(0, 0, 0, 0.03);float:left; margin-left:2%; margin-top:30px; border:1px #ddd solid}
.leader-view .leader-pic-list ul li .image{width:100%; overflow:hidden; position:relative; background-color:#f5f5f5;  text-align:center;}
.leader-view .leader-pic-list ul li img{ width:100%}
.leader-view .leader-pic-list ul li a{ display: block; }
.leader-view .leader-pic-list ul li .title{ text-align:center; overflow:hidden;  margin: 15px 20px 25px; line-height:20px;height:40px; overflow:hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.weui-cell{width:100%; height:100%; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell_primary{min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.weui-cell__bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft{text-align: right; color: #999999;}
.weui-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}

.strategy{ padding:30px 30px 50px;}
.strategy .strategy-text{background: #3f51b5;background: -moz-linear-gradient(-45deg, #0093d3 0%, #3f51b5 100%);background: -webkit-linear-gradient(-45deg, #0093d3 0%,#3f51b5 100%);background: linear-gradient(135deg, #0093d3 0%,#3f51b5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0093d3', endColorstr='#3f51b5',GradientType=1 );height:340px; padding:40px 330px 40px 40px; color:#fff; position:relative }
.strategy .strategy-text h1{ position:relative; z-index:2}
.strategy .strategy-text h1 strong{ font-size:26px;}
.strategy .strategy-text h1 span{ margin-left:10px; font-size:18px;}
.strategy .strategy-text h1 p{ font-family:"dincond-medium-webfont"; color:#75b0ea; font-size:30px; margin-top:10px; }
.strategy .strategy-text img{ position:absolute; right:60px;top:50px;}
.strategy .strategy-text .content-a{ margin-top:20px; line-height:1.6; position:relative; z-index:1.6}
/*
.strategy .content-b{ margin-top:50px; text-align:center}
*/
#particles-js{ width:100%; height:100%; position:absolute; left:0;top:0; z-index:1}
.strategy .content-b{ margin-top:2px;position:relative;height:500px;overflow:hidden}
.strategy .content-b .item{overflow:hidden;height:500px;width:60%;position:absolute;top:0px;left:0px;border-left:2px #fff solid;}
.strategy .content-b .item h2{height:100%;position:relative; z-index:2;color:#fff;padding-top:100px;-webkit-transition: all .5s;transition: all .5s;}
.strategy .content-b .item h2 em{display:block;text-align:center;margin-bottom:20px;font-family:"NoveDemiBold";font-size:50px;}
.strategy .content-b .item h2 span{width:20px;font-size:20px;font-weight:bold;display:block;text-align:center;margin:0 auto;}
.strategy .content-b .item .con{background:url(../images/strategy-bg1.jpg) no-repeat center center;background-size:cover;position:absolute;left:0;top:0;height:100%;width:100%}
.strategy .content-b .item .con p{opacity:0;padding:0 10% 0 25%;text-align:justify;color:#fff;line-height:1.7;-webkit-transition: all .5s;transition: all .5s;}
.strategy .content-b .item.hover{width:60%}
.strategy .content-b .item.hover h2{background-color:#005a9b}
.strategy .content-b .item.hover h2:before{content: ""; display: block;width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #005a9b; position: absolute; right: -12px;top:50%;margin-top:-12px;;}
.strategy .content-b .item.hover p{opacity:1;}
.strategy .content-b .item.s1 .con p{font-size:22px;}
.strategy .content-b .item.s2 .con{background-image:url(../images/strategy-bg2.jpg)}
.strategy .content-b .item.s3 .con{background-image:url(../images/strategy-bg3.jpg)}
.strategy .content-b .item.s4 .con{background-image:url(../images/strategy-bg4.jpg)}
.strategy .content-b .item.s5 .con{background-image:url(../images/strategy-bg5.jpg)}
.strategy .content-b .item.s2 .con p{font-size:18px;}
.strategy .content-b .item.s3 .con p{font-size:16px;}
.strategy .content-b .item.s4 .con p{font-size:16px;}
.strategy .content-b .item.s1{}
.strategy .content-b .item.s2{left:60%}
.strategy .content-b .item.s3{left:70%}
.strategy .content-b .item.s4{left:80%}
.strategy .content-b .item.s5{left:90%}
.strategy .content-b .item.s2.hover h2{background-color:#4ca800}
.strategy .content-b .item.s2.hover h2:before{border-left: 12px solid #4ca800;}
.strategy .content-b .item.s3.hover h2{background-color:#007d97}
.strategy .content-b .item.s3.hover h2:before{border-left: 12px solid #007d97;}
.strategy .content-b .item.s4.hover h2{background-color:#b08320}
.strategy .content-b .item.s4.hover h2:before{border-left: 12px solid #b08320;}
.strategy .content-b .item.s5.hover h2{background-color:#a41617}
.strategy .content-b .item.s5.hover h2:before{border-left: 12px solid #a41617;}

.history{ margin-top:30px; background-color:#f5f5f5; position:relative; padding-left:550px; }
.history-left{ width:550px; padding:30px; position:absolute; left:0;top:0;}
.history-title{ font-size:26px; margin-bottom:20px; position:relative}
.history-title:before {content:"";display:block;width: 0;height: 0;border-left:8px solid transparent;border-right: 8px solid transparent;border-top:12px solid #bbb; position:absolute; left:115px; top:13px; }
.history-title2{ font-size:26px;  position:relative; background-color:#fff; border-top:1px #eee solid;height:95px; padding-top:30px; padding-left:40px}
.history-title2:before {content:"";display:block;width: 0;height: 0;border-left:8px solid transparent;border-right: 8px solid transparent;border-top:12px solid #bbb; position:absolute; left:125px; top:43px; }
.history-tab{ height:60px; }
.history-tab a{ line-height:60px; text-align:center;width:160px; background-color:#fff; color:#bbb; font-family:"dincond-medium-webfont";display:inline-block; font-size:24px; position:relative}
.history-tab a span{ font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif; font-size:20px;}
.history-tab a.current:before {content:"";display:block;width: 0;height: 0;border-left:8px solid transparent;border-right: 8px solid transparent;border-top:5px solid #3f51b5; position:absolute; left:50%; margin-left:-8px;bottom:-5px;}
.history-tab a.current{ background-color:#3f51b5; color:#fff}
.history-left .con{ margin-top:30px}
.history-left .content{ line-height:2; margin-top:40px; color:#8a8a8a}
.history-left .content .item{ margin-bottom:20px; border-bottom:1px #ddd solid; padding-bottom:20px;}
.history-left .content .item label{ color:#3f51b5; font-size:16px;}
.history-left .content .item p{ }
.history-left .content .item:last-child{ border-bottom:0}
.history-left .title{ margin-top:20px; font-weight:bold; font-size:18px;}

.history-left .slider{ width:488px; overflow:hidden}
.history-left .slider .bd li{width:240px;margin-right:10px;box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.06);}
.history-left .slider .bd li img{width:100%;height:144px}
.history-left .slider .bd li span{ display:block;height:60px; line-height:18px;padding:10px 30px; background-color:#fff; text-align:center;}

.history-right{  background-color:#fff; min-height:700px; _height:700px; padding-bottom:50px}
/*时间轴*/
.time_line{ width:90%; margin:0 auto}
.time_line .hd{  height:32px;  border-bottom:2px #e2e2e2 solid;margin:0 40px; position:relative; }
.time_line .hd .prev{ width:40px; height:40px; border-radius:40px; display:block; position:absolute; left:-40px; top:10px; text-align:center; background-color:#f2f2f2; z-index:20}
.time_line .hd .prev i{ line-height:40px; font-size:12px;}
.time_line .hd .next{ width:40px; height:40px; border-radius:40px; display:block; position:absolute; right:-40px; top:10px;text-align:center;background-color:#f2f2f2; z-index:20}
.time_line .hd .next i{ line-height:40px;font-size:12px;}
.time_hdwarp{ width:100%; height:60px; overflow:hidden; position:relative;}
.time_line .hd ul{ width:10000px; height:60px;position:absolute; left:0; top:0px;}
.time_line .hd ul li{ width:120px; height:60px;float:left; text-align: center; color:#666; font-size:16px; cursor:pointer; position:relative}
.time_line .hd ul li label{ display:block; width:60px; line-height:16px; line-height:16px; position:absolute; left:50%; margin-left:-30px;top:0;cursor:pointer;transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; }
.time_line .hd ul li .dot{ width:10px; height:10px; position:absolute; left:50%; margin-left:-5px;top:26px;}
.time_line .hd ul li .dot em{ display:block; width:10px; height:10px; position:absolute; left:0;top:0;border-radius:10px; background-color:#ddd;transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;  }
.time_line .hd ul li .dot i{ display:block; width:0px; height:0px; position:absolute; left:5px;top:5px;border-radius:0px; background-color:#3f51b5; z-index:2;transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; }
.time_line .hd ul li.ontime label{ color:#3f51b5;}
.time_line .hd ul li.ontime .dot em{ width:20px; height:20px;left:-5px;top:-5px;border-radius:20px; background-color:#fff; border:1px #ddd solid}
.time_line .hd ul li.ontime .dot i{ width:10px; height:10px; position:absolute; left:0;top:0;border-radius:10px;}
.time_line .bd{ width:100%; margin-top:50px;}
.time_line .bd ul li{ display:none;}
.time_line .bd ul li div.history-item{ margin-bottom:25px; background:url(../images/history-li.png) no-repeat 0 12px; padding-left:18px; line-height:2; font-size:16px;}
.time_line .bd ul li div.history-item .image{ margin-top:10px; }
.time_line .bd ul li div.history-item .image img{ width:360px; height:240px; border-radius:5px; overflow:hidden}
.time_line .bd ul li div.history-item label{ display:block; color:#68b92e}
@media (max-width:1550px){
	.time_line .bd ul li div.history-item{ font-size:15px;}
}
/*
.history-right .item{ position:relative; border-top:1px #f5f5f5 solid; }
.history-right .item ul{ border-left:1px #f5f5f5 solid; margin-left:100px; padding-top:30px; padding-bottom:20px; padding-right:30px}
.history-right .item h2{ position:absolute; left:120px;top:35px; font-size:16px; font-weight:bold; color:#3f51b5;padding-left:20px;}
.history-right .item h2:before {content:"";display:block;width: 0;height: 0;border-left:6px solid transparent;border-right: 6px solid transparent;border-top:10px solid #3f51b5; position:absolute; left:0; top:4px; }
.history-right .item li{ padding:10px 0; position:relative; line-height:1.8;}
.history-right .item li label{ position:absolute; left:-80px;top:2px; display:block; width:80px; color:#888; font-family:"dincond-medium-webfont"; font-size:24px; font-weight:400; text-align:center}
.history-right .item li p{ padding-left:20px; color:#5a5a5a}
.history-right .item li em{ display:block; width:10px; height:10px; background-color:#fff; border:2px #ddd solid; position:absolute; left:-6px;top:18px;border-radius:10px}
*/


.honor{}
.honor .honor-text{ line-height:2; font-weight:bold; color:#5a5a5a; text-indent:2em; padding:30px; }
.roundabout-holder{width:880px;height:400px;margin:0 auto;}
.roundabout-moveable-item{width:423px;height:345px;cursor:pointer;border:3px solid #ccc;border:3px solid rgba(0, 0, 0, 0.08);border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.roundabout-moveable-item img{width:100%;}
.roundabout-in-focus{border:3px solid rgba(0, 0, 0, 0.2);}
.honor .honor-nav{ margin-top:30px; padding-top:30px; border-top:5px #f4f4f4 solid; text-align:center;height:50px;}
.honor .honor-nav a{ display:inline-block; line-height:42px; color:#888; padding:0 20px; background-color:#eee; margin:0 2px; border-bottom:2px #e2e2e2 solid}
.honor .honor-nav a.current{ background-color:#3f51b5; border-bottom:2px #3f51b5 solid; color:#fff}
.honor .honor-list{ overflow:hidden; padding-bottom:30px}
.honor .honor-list ul{ }
.honor .honor-list ul li{ width:21.2%; float:left; margin:0 0 30px 3%; border:1px #eee solid; padding:10px; background-color:#f7f7f7}
.honor .honor-list ul li img{ width:100%;}
.honor .honor-list ul li span{ display:block; text-align:center; line-height:40px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.member-nav{ margin-top:40px; text-align:center;height:100px;}
.member-nav a{ display:inline-block; line-height:53px; color:#5a5a5a; padding:0 40px; background-color:#f2f2f2; margin:0 2px; font-size:16px; border-bottom:3px #e2e2e2 solid;  border-radius:5px;}
.member-nav a.current{ background-color:#3f51b5; border-bottom:3px #3f51b5 solid; color:#fff}
.member-list{ overflow:hidden; padding-bottom:30px;}
.member-list .list-con{ width:100%; padding-left:30px; padding-right:20px }
.member-list .item{ width:50%;float:left; padding-right:1%;  padding-bottom:1%}
.member-list .item a{ display:block;background-color:#f3f3f3; padding:20px 30px; position:relative; height:190px; padding-left:210px;}
.member-list .item .num{ width:150px; float:left}
.member-list .item .title{ padding-top:30px}
.member-list .item .title strong{ display:block; font-size:20px; font-weight:600;}
.member-list .item .title span{ display:block; color:#888; margin-top:10px; line-height:1.4}
.member-list .item .num .circle-text{font-family:"dincond-medium-webfont"; color:#aaa}
.member-list .item .num .circle-info{ display:none}
.member-list .item .image{ position:absolute; left:30px;top:20px; width:150px; border-radius:75px; overflow:hidden; border:10px #fff solid; box-shadow:1px 2px 3px 0 rgba(0, 0, 0, 0.06);    }
.member-list .item .image img{ width:130px; height:130px;}




.member-view{ position:absolute; z-index:1001; width:100%; height:100%; left:0;top:0; display:none}
.member-view a.close-btn{ width:27px; height:27px; display:block; background:url(../images/close-icon.png) no-repeat; position:absolute;top:-37px; right:0; z-index:9999}
.member-view .mask{ background-color:#000;filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7; position:absolute; left:0;top:0; width:100%; height:798px; z-index:1}
.member-view .box{ width:960px; position:fixed;top:50%; left:50%; margin-left:-400px; z-index:2; background:#fff; min-height:450px}
.member-view .links{ width:160px; background:url(../images/case-nav-bg.gif) repeat-y right 0; position:absolute; left:-160px;top:0; z-index:3; min-height:450px}
.member-view .links a{ display:block; height:140px; padding:25px 0; text-align:center; background-color:#777; color:#fff; font-size:16px; border-bottom:1px #888 solid}
.member-view .links a i{ font-size:50px; line-height:50px; font-weight:normal;}
.member-view .links a span{ display:block; margin-top:5px;}
.member-view .links a.current{ background-color:#fff; color:#3f51b5; font-weight:bold}
.member-view .member-main{ position:relative; z-index:200; width:960px; padding:40px; overflow-x:hidden; overflow-y:auto; height:100%; }
.member-view .member-main .loading{ width:64px; height:64px; background:url(../images/main-loading.gif) no-repeat;position:absolute;top:50%; left:50%; margin-top:-32px; margin-left:-32px; display:none}
.member-view .member-info{ line-height:2; color:#5a5a5a;  }
.member-view .member-info p{ margin-bottom:10px;}
.member-view .member-info .member-contact{ font-weight:bold; margin-top:20px; padding-top:20px; border-top:1px #eee solid}
.member-view .member-map{ height:100%; overflow:hidden}
.member-view .member-map .map{ }


.business-location{ /*background:url(../images/location-bg.png) no-repeat 0 bottom #3f51b5;*/ background-size:50% auto; padding-top:90px; border-bottom:1px rgba(20, 145, 200, 0.1) solid; position:relative; z-index:20 }
.business-location .wrapper{ line-height:66px; color:#777; font-size:13px; position:relative}
.business-location .wrapper i{ font-size:14px;}
.business-location .wrapper a{ margin:0 2px}
.business-location .wrapper a:hover{}
.business-location ul{ float:right}
.business-location ul li{ position:relative;display:inline-block; padding:0 20px;}
.business-location ul li a{ vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale; position: relative;-webkit-transition-property: color; transition-property: color;transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; display:inline-block;  position:relative; text-align:center; }
.business-location ul li a:before {content:""; position: absolute;z-index: -1;bottom:0px;left: 0;right: 0;background: #3f51b5;-webkit-transform: scaleX(0);transform: scaleX(0); transition: all 1s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 1s cubic-bezier(0.215,.61,.215,1);color: #3f51b5;padding: 0px 20px; height:3px;display:none\9}
.business-location ul li a:hover:before,.business-location ul li a:focus:before,.business-location ul li a:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);}
.business-location ul li a:hover{ color:#3f51b5; }
.business-location ul li.current a{ color:#3f51b5 !important; font-weight:bold}
.business-location ul li.current a:before{ -webkit-transform: scaleX(1); transform: scaleX(1);}

.business-location.black{ border-bottom:0; background-color:#eee}
.business-location.black .wrapper{ color:#888}
.business-location.black .wrapper a{ color:#5a5a5a}
.business-location.black ul li a:before{ background-color:#3f51b5}
.business-location.black ul li.current a{ color:#3f51b5 !important}



.business-main{background:url(../images/map-bg.jpg) no-repeat center bottom; background-size:cover; width:100%; overflow:hidden;  min-height:750px; position:relative;}
.business-main .item-wrapper{ padding:4% 5% 16%; height:100%;}
.business-main .loading{ width:50px; height:50px; position:absolute; left:50%; margin-left:-25px;top:50%; margin-top:-50px; background:url(../images/loader2.gif) no-repeat; display:none}
.business-main .items{ width:23%; margin:0 1%;height:100%; background: #efefef;overflow:hidden; float:left; position:relative;visibility: hidden;visibility:visible\9; box-shadow:0px 3px 25px 0px rgba(0,0,0,0.1); z-index:2 }
.business-main .image{ width:100%; height:55%;overflow:hidden; position:relative}
.business-main .bg{ width:100%; height:100%; background-repeat:no-repeat;background-size:cover;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;transition: transform 0.5s ease-out; position:absolute; left:0;top:0;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.business-main .mask{ height:50%; width:100%; position:absolute; left:0;top:0; background:#1d3994;filter:alpha(opacity=0);-moz-opacity:0;opacity:0; z-index:2;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.business-main .txt{ position:absolute; width:100%; text-align:center;top:65%; z-index:3; left:0; color:#444;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.business-main .txt em{ display:block; width:80px; height:80px; background-color:#fff;border-radius:40px; position:absolute;top:-100px;left:50%; margin-left:-40px;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.06);}
.business-main .txt i{ display:block; font-size:40px; line-height:80px; color:#0093d3}
.business-main .txt strong{ display:block; font-size:22px;}
.business-main .txt span{  display:block;font-family:"NoveDemiBold"; color:#aaa}
.business-main .txt a{ display:inline-block; padding:7px 10px 7px 15px; background-color:#2372b9;color:#fff; margin-top:20px; transition: all 0.5s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.5s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;}
.business-main .txt a:hover{ background-color:#3f51b5; border-color:#3f51b5; color:#fff}
.business-main .txt a i{ display:inline-block; font-size:18px; line-height:1.5; color:#fff; margin-left:2px; position:relative;top:2px}
.business-main .items:hover .mask{/*filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;*/}
.business-main .items:hover .bg{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
.business-main .items:hover a{filter:alpha(opacity=100);-moz-opacity:1;opacity:1; margin-top:20px; background-color:#2372b9; color:#fff; padding:7px 25px;}
.business-main .bx-pager{ bottom:-40px !important}
.business-main .bx-pager.bx-default-pager a{ background:#fff !important}
.business-main .bx-pager.bx-default-pager a.active{ background:#005acb !important}
.business-main a.prev-btn{ display:block; width:50px; height:50px; background:url(../images/prev.png) no-repeat; position:absolute; left:50%; margin-left:-680px;top:50%; margin-top:-45px;}
.business-main a.prev-btn:hover{ background-image:url(../images/prev_on.png)}
.business-main a.next-btn{ display:block; width:50px; height:50px; background:url(../images/next.png) no-repeat; position:absolute; left:50%; margin-left:630px;top:50%; margin-top:-45px;}
.business-main a.next-btn:hover{ background-image:url(../images/next_on.png)}
.business-main .map-btn{ width:220px; height:70px; background-color:#2372b9; position:absolute; left:50%; margin-left:-100px;bottom:-70px; z-index:2;border-radius:5px 5px 0 0;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; }
.business-main .map-btn a{ display:block; line-height:60px; font-size:16px; text-align:center; color:#fff}
.business-main .map-btn a i{ font-size:26px; line-height:26px; position:relative;top:4px; margin-right:5px}
.business-main .map-btn.hover{ bottom:-10px}
.business-main .map-btn:hover{bottom:0}

@media (max-height: 800px) {
	.business-main .txt i{ font-size:50px}
	.business-main .txt span{ display:none}
}

.business-view{ width:96%; max-width:1400px;margin:30px auto 40px; position:relative; ;}
.business-left{width:20%; float:left;}
.business-cate{  border-top:10px #0093d3 solid }
.business-cate a{ display:block; height:60px; background-color:#f5f5f5; border-bottom:1px #eee solid; padding:0px 20px; line-height:56px; font-size:16px;}
.business-cate a i{ font-size:24px; margin-right:4px; position:relative;top:4px}
.business-cate a.current{ background-color:#fff; color:#3f51b5;}
.business-con{ width:77%; float:right; background-color:#fff; height:100%; padding:30px 50px 40px}
.business-view .title{ margin-bottom:20px;}
.business-view .title strong{margin-left: 30px;margin-left: 0px \9;color: #ddd;font-size:60px;font-family:"dincond-medium-webfont";text-transform: uppercase;letter-spacing: -1px;-webkit-animation: cth1 800ms ease-out forwards;animation: cth1 800ms ease-out forwards; opacity: 0; display:inline-block}
.business-view .title span{ display:inline-block; position:relative;top:-3px;margin-left: -30px;margin-left: 0 \9;color: #5a575b;font-size: 24px;font-weight: bold;-webkit-animation: cth2 800ms ease-out forwards;animation: cth2 800ms ease-out forwards; opacity: 0;}
.business-view .title p{ font-size:22px; margin-top:15px; color:#3f51b5; }
.business-view .content{ line-height:2; margin-top:30px; min-height:200px}
.business-view .content p{ margin-bottom:20px;}
.business-view .slider{ height: 390px !important; position: relative; overflow: hidden;background: url(../images/bg1.png) no-repeat, url(../images/bg2.png) no-repeat; background-position: center center,bottom center; background-size:90% auto,85% auto }


.business-view .slider .swiper-container{overflow:hidden; height:360px;}
.business-view .slider .swiper-slide{ text-align:center; background-position:center center; background-repeat:no-repeat; background-size:cover}
.business-view .slider .pagination{position: absolute; z-index: 20; bottom:40px; width: 100%; text-align: center; margin:0}
.business-view .slider .swiper-pagination-switch{display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #fff; margin: 0 5px; opacity: 0.8;  cursor: pointer;}
.business-view .slider .swiper-active-switch{background: #0090ff;}
.business-view .slider .arrow-left{ display:block;z-index:50; width:70px; height:70px; background:url(../images/prev-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; left:-80px; visibility:hidden;filter:alpha(opacity=0);opacity: 0;transition-duration: 0.5s;}
.business-view .slider .arrow-right{display:block; z-index:50; width:70px; height:70px; background:url(../images/next-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; right:-80px; visibility:hidden;filter:alpha(opacity=0);opacity: 0;transition-duration: 0.5s;}



.chart-item{ width:50%; float:left; padding-top:30px;}
.chart-item h3{ text-align:center;}
.chart-item h3 strong{ display:block; font-size:18px;}
.chart-item h3 span{ display:block; font-size:14px; margin-top:10px;}

.xg-project{ margin-top:30px;}
.xg-project h2{ font-size:18px; font-weight:bold; line-height:18px; border-left:7px #0093d3 solid; padding-left:15px;}
.xg-project .list{ overflow:hidden; margin-top:30px;}
.xg-project .list ul{ }
.xg-project .list ul li{ width:20%; float:left; text-align:center; margin-bottom:20px;}
.xg-project .list ul li img{ width:120px; height:120px; border-radius: 50%;}
.xg-project .list ul li p{ text-align:center; padding:15px 0;}
.xg-project .list ul li p strong{ display:block;}
.xg-project .list ul li p span{ color:#aaa; display:block; font-size:12px; margin-top:3px;}


.map{ position:relative; background:url(../images/map-bg.jpg) no-repeat center bottom; background-size:cover; width:100%; overflow:hidden;  min-height:750px;}
.map .loading{ width:50px; height:50px; position:absolute; left:50%; margin-left:-25px;top:50%; margin-top:-80px; z-index:100;}
.map h1{ text-align:center; position:absolute; left:0;top:200px; font-size:26px; width:100%; text-align:center;opacity:0; color:#444; font-weight:bold }
.map h1 p{ display:none; width:440px; margin:20px auto 0; border-bottom:1px rgba(46,178,235,.3) solid; height:18px; }
.map h1 span{display:inline-block;font-size:15px; color:#fff; font-weight:normal; background-color:#0093d3; padding:8px 15px;;border-radius:3px;}
.map h1 span b{  margin:0 2px}
.map-tab{ position:absolute; right:90px; top:200px; z-index:10;}
.map-tab a{ display:block; height:66px; width:200px;background:url(../images/map-s1.png) no-repeat 20px center #3394cf; color:#fff; line-height:66px; padding-left:80px;font-weight:bold; position:relative;border-radius:4px 4px 0 0;}
.map-tab a.current{ background-color:#0367a4; color:#fff;box-shadow:inset 0 2px 15px rgba(0, 0, 0, 0.05);}
.map-tab a.current:before{content:"";display:block;width: 0;height: 0;border-top:10px solid transparent;border-right: 8px solid  #0367a4;border-bottom:10px solid transparent; position:absolute; left:-8px;top:23px;}
.map-tab a:last-child{ background-image:url(../images/map-s2.png);border-radius:0 0 4px 4px; }




.world-map{ width:1120px;height:544px; position:absolute; left:50%; margin-left:-560px;top:50%; margin-top:-170px;opacity:0;}
.world-map-bg{ width:1120px;height:544px; background:url(../images/world-map.png) no-repeat;}

.world-map .tuli{ position:absolute; left:-40px;top:400px;}
.world-map .tuli li{ margin-bottom:15px; color:#fff; }
.world-map .tuli li i{ display:inline-block; width:20px; height:20px; background-color:#ccc; border:1px #fff solid;margin-right:10px; position:relative;top:5px}
.world-map .tuli li i.green{ background-color:#68b92e}
.world-map .tuli li i.blue{ background-color:#0978d5}


.local-map{ width:793px;height:596px; position:absolute; left:50%; margin-left:-400px;top:50%; margin-top:-190px;opacity:0;}
.local-map-bg{ width:793px;height:596px; background:url(../images/local-map.png) no-repeat;}
.local-map .tuli{ position:absolute; left:-210px;top:270px; background-color:#fff;  border-bottom:0;}
.local-map .tuli li{ }
.local-map .tuli li a{ display:block; padding:15px 25px; border-bottom:1px #eee solid}
.local-map .tuli li i{ display:inline-block; margin-right:10px; position:relative;top:1px}
.local-map .tuli li a.current{ background-color:#68b92e; color:#fff}
.local-map .tuli li:last-child a{ border:0}

@media ( max-height:800px ) {	
	.map h1{ display:none}
	.world-map{ margin-top:-200px;}	
}

/*标注*/
.pointer{position: absolute;top: 50px;left: 50px;display: block; visibility:hidden;transition: all 0.5s; -webkit-transition: all 0.5s;opacity: 0;filter:alpha(Opacity=0);}
.pointer em{display: block;position: absolute;top: 0;left: 0;width: 32px;height: 44px;z-index: 3;}
.pointer em i{ line-height:36px; color:#dbebcf;  font-size:16px; position:absolute; left:8px }
.pointer svg{display: block;width: 32px;height: 44px;position: relative;overflow: visible;z-index: 2;cursor: pointer;}

.pointer .cross{-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.pointer .dots{-webkit-transform-origin: 16px 16px;-moz-transform-origin: 16px 16px;-ms-transform-origin: 16px 16px;transform-origin: 16px 16px;}
.pointer .bg{opacity: 1;}
.pointer .hover{opacity: 1;fill: #68b92e;stroke-dasharray: 130;stroke-dashoffset: 130;}
.pointer .content{ position:absolute; width:150px; height:160px; text-align:center; padding:10px; left:50%; margin-left:-75px;top:-175px; visibility:hidden;  opacity:0;filter:alpha(opacity=0); z-index:1;background: #fff;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.1); }
.pointer .content .logo{}
.pointer .content .logo img{ width:100%; border:1px #eee solid}
.pointer .content .text{ margin-top:10px;}
.pointer .content .text strong{ display:block; font-size:16px;}
.pointer .content .text span{ display:block; font-size:12px; margin-top:3px;}
.pointer .content:before{content:"";display:block;width: 0;height: 0;border-left:10px solid transparent;border-top: 8px solid  #fff;border-right:10px solid transparent; position:absolute; left:-8px;bottom:-8px; left:50%; margin-left:-10px;}
.pointer .content:after{content:"";display:block; width:100%;left:0; top:160px;height:40px; background:url(../images/blank.gif) no-repeat;}
.pointer.blue .hover{fill: #0978d5;}
.pointer.blue em i{ color:#fff}
.pointer.orange .hover{fill: #f39800;}
.pointer.red .hover{fill: #fd343b;}
.pointer.pinck .hover{fill: #b85ae9;}

.pointer.small em{width: 26px;height: 36px;}
.pointer.small svg{width: 26px;height: 36px;}
.pointer.small em i{ color:#fff; font-size:12px; position:absolute; width:26px; text-align:center; line-height:28px; left:0}

.pointer.styleshow{opacity: 1;filter:alpha(Opacity=100); visibility:visible}




.point-area{text-align:center;position:relative;width:12px;height:12px;-webkit-transition:opacity .5s ease-out;-moz-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out}
.point-area .point{position:absolute;z-index:0;top:0;left:0;right:0;bottom:0;width:12px;height:12px;margin:auto;-webkit-border-radius:50%;-webkit-background-clip:padding-box;-moz-border-radius:50%;-moz-background-clip:padding;border-radius:50%;background:0 0}
.point-area .point-dot{position:relative;z-index:50;top:50%;margin-top:-6px;cursor:default;background-color:#006ba3;box-shadow:0 0 10px rgba(0,196,226,.5)}
.point-area .point-dot .area{position:absolute;top:-5px;display:inline-block;max-width:100px;min-width:48px;font-size:14px;color:#555;text-align:left;}

.point-area .point-1,.point-area .point-2{width:500%;height:500%;margin-left:-200%}
.point-area .point-1:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #51a4e5;opacity:0;-webkit-animation:ripple 4.5s ease-out 225ms infinite;-moz-animation:ripple 4.5s ease-out 225ms infinite;-o-animation:ripple 4.5s ease-out 225ms infinite;animation:ripple 4.5s ease-out 225ms infinite}
.point-area .point-2:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #51a4e5;opacity:0;-webkit-animation:ripple 4.5s ease-out 1125ms infinite;-moz-animation:ripple 4.5s ease-out 1125ms infinite;-o-animation:ripple 4.5s ease-out 1125ms infinite;animation:ripple 4.5s ease-out 1125ms infinite}
.point-area .point-3{width:100%;height:100%}
.point-area .point-3:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #51a4e5;opacity:0;-webkit-animation:ripple 4.5s ease-out 2.25s infinite;-moz-animation:ripple 4.5s ease-out 2.25s infinite;-o-animation:ripple 4.5s ease-out 2.25s infinite;animation:ripple 4.5s ease-out 2.25s infinite}
.latter .point-1:after{-webkit-animation:ripple 4.5s ease-out 825ms infinite;-moz-animation:ripple 4.5s ease-out 825ms infinite;-o-animation:ripple 4.5s ease-out 825ms infinite;animation:ripple 4.5s ease-out 825ms infinite}
.latter .point-2:after{-webkit-animation:ripple 4.5s ease-out 1725ms infinite;-moz-animation:ripple 4.5s ease-out 1725ms infinite;-o-animation:ripple 4.5s ease-out 1725ms infinite;animation:ripple 4.5s ease-out 1725ms infinite}
.latter .point-3:after{-webkit-animation:ripple 4.5s ease-out 2.85s infinite;-moz-animation:ripple 4.5s ease-out 2.85s infinite;-o-animation:ripple 4.5s ease-out 2.85s infinite;animation:ripple 4.5s ease-out 2.85s infinite}
.big,.big .point{width:16px;height:16px}
.big .point-dot{margin-top:-8px}
.big .point-1,.big .point-2,.big .point-3{width:1000%;height:1000%;margin-left:-450%}

.point-area.s2 .point-dot{ background-color:#fd343b}


.index-map .point-area{ margin-left:175px;margin-top:-40px;}
.index-map .point-area .point-dot{ width:10px; height:10px; background-color:#0093d3;top:1px;}

@-webkit-keyframes ripple{
	0%{opacity:0;-webkit-transform:scale(.1,.1)}
	5%{opacity:1}
	100%{opacity:0;-webkit-transform:scale(1)}
}
@-moz-keyframes ripple{
	0%{opacity:0;-moz-transform:scale(.1,.1)}
	5%{opacity:1}
	100%{opacity:0;-moz-transform:scale(1)}
}
@-o-keyframes ripple{
	0%{opacity:0;-o-transform:scale(.1,.1)}
	5%{opacity:1}
	100%{opacity:0;-o-transform:scale(1)}
}
@keyframes ripple{
	0%{opacity:0;-webkit-transform:scale(.1,.1);-moz-transform:scale(.1,.1);-ms-transform:scale(.1,.1);transform:scale(.1,.1)}
	5%{opacity:1}
	100%{opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes run{
	0%{width:0;height:0}
	50%{width:60px;height:60px}
	100%{width:30px;height:30px}
}
@-moz-keyframes run{
	0%{width:0;height:0}
	50%{width:60px;height:60px}
	100%{width:30px;height:30px}
}
@-o-keyframes run{
	0%{width:0;height:0}
	50%{width:60px;height:60px}
	100%{width:30px;height:30px}
}
@keyframes run{
	0%{width:0;height:0}
	50%{width:90px;height:90px}
	100%{width:30px;height:100px}
}



.project-view{ position:absolute; z-index:1001; width:100%; height:100%; left:0;top:0; display:none}
.project-view a.close-btn{ width:27px; height:27px; display:block; background:url(../images/close-icon.png) no-repeat; position:absolute;top:-37px; right:0; z-index:9999}
.project-view .mask{ background-color:#111;filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7; position:absolute; left:0;top:0; width:100%; height:798px; z-index:1}
.project-view .box{ width:960px; position:fixed;top:50%; left:50%; margin-left:-400px; z-index:2; background:#fff; min-height:450px}
.project-view .links{ width:160px; background:url(../images/case-nav-bg.gif) repeat-y right 0; position:absolute; left:-160px;top:0; z-index:3; min-height:450px}
.project-view .links a{ display:block; height:140px; padding:25px 0; text-align:center; background-color:#777; color:#fff; font-size:16px; border-bottom:1px #888 solid}
.project-view .links a i{ font-size:50px; line-height:50px; font-weight:normal;}
.project-view .links a span{ display:block; margin-top:5px;}
.project-view .links a.current{ background-color:#fff; color:#006db8; font-weight:bold}
.project-view .project-main{ position:relative; z-index:200; width:960px; padding:40px; overflow-x:hidden; overflow-y:auto; height:100%; }
.project-view .project-main .loading{ width:64px; height:64px; background:url(../images/main-loading.gif) no-repeat;position:absolute;top:50%; left:50%; margin-top:-32px; margin-left:-32px; display:none}

.project-view .project-info{   }
.project-view .project-info .base-info .image{ width:300px; float:left; overflow:hidden}
.project-view .project-info .base-info .image img{ width:100%;}
.project-view .project-info .base-info .text{ width:530px; float:right}
.project-view .project-info .base-info .text p{ margin-bottom:10px;}
.project-view .project-info .base-info .text label{ color:#7a7a7a}
.project-view .project-info .base-info .text strong{ font-size:26px; padding-bottom:10px; padding-top:10px; display:block}
.project-view .project-info .content{ line-height:2; margin-top:20px;line-height:2; color:#5a5a5a;}
.project-view .project-info .content p{ margin-bottom:10px;}
.project-view .project-map{ height:100%; overflow:hidden}
.project-view .project-map .map{ }
.project-view .project-photo .list{ width:880px; overflow:hidden}
.project-view .project-photo .list ul{ width:950px;}
.project-view .project-photo .list ul li{ width:260px; float:left; text-align:center; margin-right:40px; margin-bottom:30px;}
.project-view .project-photo .list ul li img{ width:100%;}
.project-view .project-photo .list ul li span{ display:block; margin-top:10px;}




.performance-item-a{ background-color:#fff; padding:60px 0 30px}
.performance-item-a h2{  position:relative;}
.performance-item-a h2 strong{ display:block; font-size:30px;font-weight:400;;-webkit-animation: mapText2 800ms ease-out forwards;animation: mapText2 800ms ease-out forwards; opacity: 0;}
.performance-item-a h2 span{ display:block; font-weight:700;  margin-top:5px; font-size:40px;font-family:"dincond-medium-webfont"; text-transform:uppercase; letter-spacing:-1px; color:#ddd;;-webkit-animation: mapText1 800ms ease-out forwards;animation: mapText1 800ms ease-out forwards; opacity: 0;}
.performance-item-a .con{ margin-top:20px;}
.performance-item-a .con .text{ width:630px; font-size:15px; line-height:2.2; float:left;}
.performance-item-a .con .image{ width:550px; float:right; position:relative; margin-top:-90px}
.performance-item-a .con .image .pic1{ width:550px; height:220px; background:url(../images/performance-pic1.gif) no-repeat; position:relative; z-index:2}
.performance-item-a .con .image .pic2{ width:550px; height:220px; background:url(../images/performance-pic2.gif) no-repeat; position:absolute; left:0;top:0;}

.performance-item-b{ background:url(../images/performance-bg1.jpg) no-repeat center center; background-size:cover; padding:50px 0 60px}
.performance-item-b h2{ text-align:center; font-size:24px; font-weight:400; height:40px; position:relative; color:#fff}
.performance-item-b h2:before {content:""; position: absolute; display:block; height:4px;width:80px; background:#e62129; left:50%;top:40px; margin-left:-40px;}
.performance-item-b .wrapper{ }
.performance-item-b .con{ margin-top:40px;}
.performance-item-b .con .item{ width:230px; float:left; margin-right:12px; background-color:#fff;  padding:30px 25px; text-align:center;box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);}
.performance-item-b .con .item strong{ display:block; font-family:"NoveDemiBold"; font-size:40px; color:#3f51b5}
.performance-item-b .con .item span{ display:block; font-size:16px;}
.performance-item-b .con .item p{ margin-top:15px; line-height:1.6; font-size:12px; color:#9a9a9a}


.performance-item-d{ background:url(../images/performance-bg1.jpg) no-repeat center center; background-size:cover; padding:50px 0 60px}
.performance-item-d h2{ text-align:center; font-size:24px; font-weight:400; height:70px; position:relative; color:#fff}
.performance-item-d h2 span{ display:block; font-size:18px; margin-top:10px;}
.performance-item-d h2:before {content:""; position: absolute; display:block; height:4px;width:80px; background:#e62129; left:50%;top:70px; margin-left:-40px;}
.performance-item-d .wrapper{ position:relative }
.performance-item-d .con{ width:1200px; overflow:hidden; margin-top:40px; position:relative; height:380px; }
.performance-item-d .con .scroll-wrapper{ width:2480px;transition: 1s cubic-bezier(0.215,.61,.215,1);-webkit-transition: 1s cubic-bezier(0.215,.61,.215,1);-moz-transition: 1s cubic-bezier(0.215,.61,.215,1);-o-transition: 1s cubic-bezier(0.215,.61,.215,1); position:absolute;top:0; left:0px;}
.performance-item-d .con .item{ width:580px; float:left; margin-right:40px; background-color:#fff;  padding:30px 30px 0; overflow:hidden; text-align:center;box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);}
.performance-item-d .con .item h3{ height:60px; background-color:#eee; width:280px; margin:0 auto; overflow:hidden;border-radius: 5px;}
.performance-item-d .con .item h3 strong{ display:block; font-family:"NoveDemiBold"; font-size:30px; width:50%; float:right; color:#fff; background-color:#3f51b5;line-height:60px; }
.performance-item-d .con .item h3 span em{ display:block; font-size:12px; font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif; padding-top:7px; color:#aaa}
.performance-item-d .con .item h3 span{ display:block; font-size:16px; float:left; text-align:center; width:50%; padding:13px 0}
.performance-item-d .con .item h3 label{ line-height:60px; font-size:16px;}
.performance-item-d .con .item .chart-box{ position:relative; margin-top:-20px;}
.performance-item-d a.prev-btn{ position:absolute; left:-60px;top:50%; margin-top:20px; color:#fff; display:none;}
.performance-item-d a.prev-btn i{ font-size:48px;}
.performance-item-d a.next-btn{ position:absolute; right:-60px;top:50%; margin-top:20px; color:#fff; display:block;}
.performance-item-d a.next-btn i{ font-size:48px;}


.performance-item-c{ padding:40px 0 60px}
.performance-item-c h2{ text-align:center; font-size:24px; font-weight:400; height:40px; position:relative;}
.performance-item-c h2:before {content:""; position: absolute; display:block; height:4px;width:80px; background:#e62129; left:50%;top:40px; margin-left:-40px;}
.performance-item-c .wrapper{}
.performance-nav{ margin-top:40px; background-color:#f2f2f2}
.performance-nav a{ display:block;float:left; width:20%; border-right:1px #e4e4e4 solid; padding:30px; height:110px;position:relative;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.performance-nav a i{ display:block; font-size:40px; position:relative; z-index:2; float:left; color:#aaa}
.performance-nav a .title{ display:block; position:relative; z-index:2; width:120px; float:right}
.performance-nav a .title strong{ display:block; font-size:18px; color:#5a5a5a}
.performance-nav a .title span{ display:block;font-family:"dincond-medium-webfont"; color:#bbb; font-size:20px;}
.performance-nav a.current{ background-color:#fff}
.performance-nav a.current i{ color:#3f51b5}
.performance-nav a.current strong{ color:#3f51b5}
.performance-nav a.current span{ color:#3f51b5}
.performance-item-c .content{ padding:40px; background-color:#fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);}
.performance-item-c .content .text{ width:700px; float:left; line-height:2; color:#6a6a6a; font-size:16px; }
.performance-item-c .content .text p{ margin-bottom:10px; text-indent:2em}
.performance-item-c .content .chart{ width:400px; float:right;}


.news-con{ margin-top:30px; background-color:#f2f2f2;}
.news-left{ width:68%; float:left; padding-bottom:50px; background-color:#f7f7f7; min-height:600px }
.news-left .top-news{ background-color:#fff; padding:0 30px 30px 390px; height:210px; position:relative}
.news-left .top-news .image{ width:330px; position:absolute; left:30px;top:0;}
.news-left .top-news .image img{ width:330px; height:180px;}
.news-left .top-news .text{ height:175px; overflow:hidden;}
.news-left .top-news .text span{ display:block; font-family:"dincond-medium-webfont"; font-weight:600; font-size:36px; color:#68b92e}
.news-left .top-news .text h2{ font-size:16px; font-weight:bold; line-height:1.6; margin-top:10px}
.news-left .top-news .text p{ margin-top:15px; line-height:1.8; color:#aaa; font-size:13px}
.news-list{ }
.news-list li{ border-top:1px #e8e8e8 solid; border-bottom:1px #e8e8e8 solid; margin-top:-1px; position:relative}
.news-list li a{ display:block;height:142px; padding:25px 30px 25px 160px;-webkit-transition: background-color .25s;transition:background-color .25s;}
.news-list li .time{ width:130px; position:absolute; left:25px;top:24px;font-family:"NoveDemiBold"; font-size:22px; color:#68b92e;  text-align:right; padding-right:15px;}
.news-list li .time span{ font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif; display:block; font-size:14px; color:#888; text-align:right; margin-top:6px;}
.news-list li .text{ }
.news-list li .text strong{ display:block; line-height:1.6; font-size:16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-list li .text p{ margin-top:10px; line-height:1.8; color:#aaa; font-size:13px}
.news-list li .more{width: 0px;height: 142px;background: url(../images/news-more.jpg) no-repeat right center; box-shadow: -100px 0 142px #f2f6f7; opacity: 0;position: absolute;right: 0;top: 0;transition: all 0.3s; -webkit-transition: all 0.3s;}
.news-list li a:hover{ background-color:#fff}
.news-list li a:hover .more{ right:0;opacity: 1; width:142px;}
.news-right{ width:32%; float:right; height:400px; padding:30px}
.news-right .search{ background-color:#fff; height:50px; position:relative;}
.news-right .search input{ width:100%; height:50px; line-height:20px; padding:15px; border:0; font-size:14px; }
.news-right .search button{ border:0; background:none; position:absolute; right:0px;top:0px; z-index:2; font-size:20px; color:#ccc;height:50px; width:52px;}
.news-right .search button i{ font-size:30px; line-height:52px; position:relative; left:2px}
.news-right .search.s2 button{ background-color:#aaa; color:#fff;-webkit-transition: background-color .25s;transition:background-color .25s;}
.news-right .search.s2 button:hover{ background-color:#999}


.search-top{ font-size:16px; margin-top:10px; padding:20px 30px; background-color:#f7f5f4; border-bottom:2px #eee solid}

.article-list{ padding:30px}
.article-list li{ text-align:right; padding:20px 0; border-bottom:1px #e8e8e8 solid }
.article-list li a{ float:left; background:url(../images/li.gif) no-repeat 0 center; padding-left:15px; font-size:16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:580px;_width:580px;}
.article-list li span{ color:#aaa}


.pics-list{overflow:hidden; padding:30px 30px 60px}
.pics-list ul{}
.pics-list ul li{ width:32%; float:left; margin-left:2%; margin-top:30px; border:1px #eee solid}
.pics-list ul li .image{ overflow:hidden; position:relative; background-color:#f5f5f5;  text-align:center ;}
.pics-list ul li img{ width:100%}
.pics-list ul li a{ display: block;width: 100%; height: 100%; position:absolute; left:0;top:0}
.pics-list ul li .title{ text-align:center; overflow:hidden;  padding: 15px 30px 25px; line-height:20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.right-jubao{ background:url(../images/jubao-bg.jpg) no-repeat right top #fff;background-size:75% auto;border:1px #ddd solid;margin-top:10px; padding:0 30px 30px;position:relative}
.right-jubao h2{background-color:#dd0000;margin-bottom:20px;border-radius:0 0 4px 4px;color:#fff;padding:6px 10px;display:inline-block;font-size:16px}
.right-jubao span{ display:block;font-weight:bold;position:absolute;left:0;top:0;}
.right-jubao strong{ display:block; font-weight:400; font-size:14px;margin:5px 0}
.right-jubao em{display:inline-block;width:2em}
.right-jubao p{position:relative;padding-left:80px;line-height:1.6;margin-bottom:7px;padding-right:70px;}
.right-jubao a.xuzhi-btn{display:block;margin:20px 0px 0;line-height:55px;font-size:18px;text-align:center;background-color:#042680;color:#fff}

.right-pic{ margin-top:10px;}
.right-pic img{ width:100%}

.right-paper{ background-color:#1c64b7; margin-top:20px; color:#fff; }
.right-paper .image{ width:36%; float:left; margin-top:20px; padding-left:20px;}
.right-paper .image img{ width:100%;box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.1);}
.right-paper .text{ width:60%; float:right; padding:20px 20px 30px;}
.right-paper .text .title strong{ display:block; font-size:18px; position:relative; left:-7px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.right-paper .text .title strong a{ color:#fff}
.right-paper .text .title span{ display:block; font-size:16px; margin-top:6px;}
.right-paper .text .other{ margin-top:20px; font-size:14px; line-height:1.6}
.right-paper .text .other p{ margin-top:10px; color:#a3daf3}
.right-paper .btns{ height:60px;}
.right-paper .btns a{ display:block; line-height:60px; float:left; width:100%; text-align:center; padding:0 20px; position:relative; font-size:18px; color:#fff; background-color:#9ad452}
.right-paper .btns a i{  font-size:30px; margin-right:3px; position:relative;top:4px}
.right-paper .btns a  em{ float:right;font-size:30px; margin-right:3px; position:relative;top:4px}
.right-paper .btns a:last-child{ background-color:#82c530}


.right-shares{ margin-top:20px; background-color:#e2e2e2; padding:20px 40px 30px;}

.right-shares .num{ line-height:30px; color:#fd343b;  margin-top:8px;}
.right-shares .num strong{ position:relative;font-size:50px; font-family:"dincond-medium-webfont"; font-weight:500; float:left ; display:none}
.right-shares .num strong.downtxt{ color:#78c737}
.right-shares .num i{ float:left; font-size:20px; position:relative;top:-6px;margin-left:20px;display:none}
.right-shares .num i.down{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); color:#78c737}
.right-shares .num span{ display:block; float:left; font-size:15px; font-family:Tahoma, Geneva, sans-serif; position:relative;top:5px;display:none}

.right-shares .title{ color:#5a5a5a; margin-top:20px;font-size:15px; font-weight:bold; line-height:22px; }
.right-shares .title span{ color:#aaa; display:block; font-size:13px; margin-top:5px; font-weight:normal }
.right-shares .title em{ color:#fd343b; margin-left:5px; font-weight:bold;display:none}
.right-shares .title em.downmum{ color:#78c737 !important}
.right-shares .title a{ margin-left:10px; color:#007bac}


p.none{ margin-top:100px; text-align:center; font-size:20px; line-height:60px; color:#bbb }
p.none i{ font-size:60px;  color:#ccc; margin-right:20px; position:relative;top:15px;}

/**************分页********************/
#pages{ text-align:center; padding-top:30px; }
#pages a{ display:inline-block; padding:11px 16px; background-color:#fff; border:1px #e2e2e2 solid; color:#888; margin:0 2px;-webkit-transition: background-color .25s;transition:background-color .25s; border-radius:3px }
#pages a:hover{  color:#3f51b5}
#pages a.active{ background-color:#3f51b5; border-color:#3f51b5;  color:#fff}
#pages a.prev,#pages a.next{ font-size:14px; position:relative;} 
#pages span{display:inline-block; padding:10px 14px; color:#888; position:relative;top:-2px}


/* --------------新闻详情---------------------- */
.news-view{ }
.news-view .news-info{ }
.news-view .news-info .text{}
.news-view .news-info .title{ color:#333; text-align:center; padding:55px 100px 29px;}
.news-view .news-info .title h1{font-size:24px; font-weight:500;line-height:36px;}
.news-view .news-info .title p{ font-family:"仿宋"; color:#555;font-size:22px;  padding-top:5px; }
.news-view .news-info .info{color:#aaa; position:relative; padding:20px 40px; height:60px; background-color:#f4f4f4}
.news-view .news-info .info span.source{background: url(../images/new_i3.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 18px;}
.news-view .news-info .info span.date{background: url(../images/new_i1.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 18px;}
.news-view .news-info .info span.hits{background: url(../images/new_i2.png) no-repeat scroll left center;padding: 2px 0px 2px 28px;}
.news-view .news-info .info .share{ position:absolute; right:40px;top:21px;}

.share span{ float:left; line-height:20px;}
.share a{ padding-left:20px; height: 20px; margin-left:6px; display: inline-block; background: url(../images/share.png); float: left;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.share a.i1{ background-position: 0px 0px;}
.share a.i2{ background-position: -50px 0px;}
.share a.i3{ background-position: -95px 0px;}
.share a.i1:hover{ background-position: 0px -20px;}
.share a.i2:hover{ background-position: -50px -20px;}
.share a.i3:hover{ background-position: -95px -20px;}

.news-view .content{ line-height:200% !important;  margin-top:20px; font-size:16px; margin:30px 40px 40px 40px;}
.news-view .content p{ margin-bottom:15px;line-height:200% !important;}
.news-view .content span{ margin-bottom:15px;line-height:240% !important;}
.news-view .content h3{ margin:25px 0 10px !important; font-size:16px !important;}
.news-view .other{  background-color:#f7f7f7; padding:20px 40px 40px; font-size:14px;}
.news-view .other .left{ float:left;color:#aaa;}
.news-view .other .left p{ height:30px;}
.news-view .other .left p a{ margin-left:3px;}
.news-view .other .right{float:right;color:#777}
.news-view .other .right a{ display:inline-block; padding:15px 20px; background-color:#bbb; color:#fff;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.news-view .other .right a i{ position:relative;top:3px; margin-right:3px; font-size:20px}
.news-view .other .right a:hover{ background-color:#999}
.news-view .download{ border-top:1px #eee solid; padding:30px 0; margin-top:25px; padding-left:40px;}
.news-view .download h2{ font-size:16px; font-weight:bold; height:25px;}
.news-view .download p{ padding:5px 0px; }
.news-view .download p i{ font-size:20px; line-height:20px; color:#aaa; position:relative;top:2px; margin-right:5px}
.news-view .download p a{ color:#338af9;  font-size:14px;}
.news-view .download p a:hover{ text-decoration:underline}
.news-view .pics{ background:#fff;  position:relative; margin:30px auto 0px; width:800px; }
.news-view .pics .swiper-container{overflow:hidden; height:490px;}
.news-view .pics .swiper-slide{ text-align:center;}
.news-view .pics .swiper-slide img{max-width:800px; height:450px;}
.news-view .pics .swiper-slide .title{ margin-top:15px; font-weight:bold}
.news-view .pics .pagination{position: absolute; z-index: 20; bottom:40px; width: 100%; text-align: center;}
.news-view .pics .swiper-pagination-switch{display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #fff; margin: 0 5px; opacity: 0.8;  cursor: pointer;}
.news-view .pics .swiper-active-switch{background: #0090ff;}
.news-view .pics .arrow-left{ display:block;z-index:50; width:70px; height:70px; background:url(../images/prev-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; left:-80px; visibility:hidden;filter:alpha(opacity=0);opacity: 0;transition-duration: 0.5s;}
.news-view .pics .arrow-right{display:block; z-index:50; width:70px; height:70px; background:url(../images/next-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; right:-80px; visibility:hidden;filter:alpha(opacity=0);opacity: 0;transition-duration: 0.5s;}
.news-view .pics:hover .arrow-left{ visibility:visible;filter:alpha(opacity=100);opacity:1; left:-70px}
.news-view .pics:hover .arrow-right{ visibility:visible;filter:alpha(opacity=100);opacity:1; right:-70px}
.news-view .news-video-con{ margin:30px auto 0 !important; width:720px;height:520px;}
.news-view .news-video-con p{ text-align:center; margin-top:15px;}

/*---------------视频---------------*/
.video-list{  margin:30px; padding-bottom:50px; overflow:hidden}
.video-list ul{ }
.video-list ul li{ width:32%; float:left; margin-left:2%; position:relative; margin-bottom:20px;-moz-opacity:0;opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);transition-duration: 0.5s;}
.video-list ul li .image{ overflow:hidden; position:relative}
.video-list ul li .image img{ width:100%;-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-o-transition-duration:1s; display:block}
.video-list ul li .image:before{content:"";display:block;width: 100%;height:30px; background-color:#222;; position:absolute; left:0;top:0; z-index:2}
.video-list ul li .image:after{content:"";display:block;width: 100%;height:30px; background-color:#222;; position:absolute; left:0;bottom:0px; z-index:2}
.video-list ul li strong{ display:block; font-weight:normal; line-height:40px; text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.video-list ul li i{ font-size:60px; display:block; position:absolute; left:50%; margin-left:-30px;top:50%; margin-top:-66px; color:#fff; z-index:3}
.video-list ul li .mask{ width:100%; height:100%; position:absolute; left:0;top:0; background-color:#000;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.video-list ul li:hover .mask{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.video-list ul li:hover .image img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.video-list ul li.hover{-moz-opacity:1;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}


/*---------------专题---------------*/
.topic-list{ margin:30px; padding-bottom:50px; overflow:hidden}
.topic-list ul{ }
.topic-list ul li{ width:32%; float:left; margin-left:2%; position:relative; margin-bottom:30px;-moz-opacity:0;opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.topic-list ul li .image{ overflow:hidden}
.topic-list ul li .image img{ width:100%;-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-o-transition-duration:1s; display:block}
.topic-list ul li strong{ display:block;line-height:50px; text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-color:#f2f2f2;  }
.topic-list ul li:hover .image img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.topic-list ul li.hover{-moz-opacity:1;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}


.journal-con{ margin-top:30px; background-color:#f2f2f2; margin:30px}
.journal-left{ width:72%; float:left; padding:30px 0; background-color:#f7f7f7; min-height:600px }
.journal-right{ width:28%; float:right; height:400px; }
.journal-info{ line-height:2; margin-top:25px;}
.journal-info h2{ font-size:16px; margin-bottom:10px; border-bottom:1px #ddd solid; padding-bottom:15px; font-weight:bold}
.journal-info label{ position:absolute; left:0;top:0 }
.journal-info p{ position:relative; padding-left:80px;}

.journal-tab{height:40px; margin-left:3%; position:relative}
.journal-tab a{ border:2px #1c64b7 solid; display:block; float:left; line-height:40px; padding:0 3.4%; color:#888}
.journal-tab a.current{ background-color:#1c64b7; color:#fff}

.journal-list{ margin-top:30px; padding:0 30px; overflow:hidden}
.journal-list ul{ }
.journal-list ul li{ width:31.3%; padding:10px; background-color:#fff; float:left; margin-left:3%; position:relative; margin-bottom:30px;-moz-opacity:0;opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);}
.journal-list ul li .image{  overflow:hidden; position:relative}
.journal-list ul li .image img{ width:100%;-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-o-transition-duration:1s; display:block}
.journal-list ul li strong{ display:block; font-weight:normal; line-height:40px; text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.journal-list ul li .mask{ width:100%; height:100%; position:absolute; left:0px;top:0px; background-color:#000;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.journal-list ul li a{ display:block; width:120px; height:40px; line-height:40px; text-align:center; position:absolute; left:50%; margin-left:-60px;top:50%; background-color:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.journal-list ul li a.a2{ display:block; width:120px; height:40px; line-height:40px; text-align:center; position:absolute; left:50%; margin-left:-60px;top:180px; background-color:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.journal-list ul li:hover .mask{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.journal-list ul li:hover .image img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.journal-list ul li:hover a{top:40%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;}
.journal-list ul li:hover a.a2{top:160px;}
.journal-list ul li.hover{-moz-opacity:1;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}




/*---------------招投标---------------*/

.bid-tab{height:40px; margin-left:30px; position:relative;margin-top:30px;}
.bid-tab a{ border:2px #1c64b7 solid; display:block; float:left;position:relative;margin:0 -1px; line-height:40px; padding:0 3.4%; color:#888}
.bid-tab a.current{ background-color:#1c64b7; color:#fff}

.bid-list{ padding:20px 30px 30px;}
.bid-list li{ border-bottom:1px #e8e8e8 solid; padding:20px 0; position:relative; padding-left:120px;}
.bid-list li a{ display:block;-webkit-transition: background-color .25s;transition:background-color .25s;}
.bid-list li .date{ width:100px; position:absolute; left:0px;top:20px;font-family:"NoveDemiBold"; }
.bid-list li .date strong{ display:block; line-height:60px; background-color:#e1e1e1; text-align:center; color:#5a5a5a; font-size:36px; }
.bid-list li .date span{ display:block; text-align:center; background-color:#ececec; color:#9e9e9e; line-height:36px; font-size:16px; }
.bid-list li .text{  position:relative; margin-top:5px}
.bid-list li .text .title{ display:block; line-height:28px; font-size:18px; width:75%; height:56px}
.bid-list li .text .other{ margin-top:5px; color:#aaa}
.bid-list li .text .other i{ margin-right:3px; position:relative;top:2px; font-size:20px}
.bid-list li .text .other span{ margin:0 10px; color:#ccc}
.bid-list li .text a.more{position: absolute;right: 0;top: 5px;transition: all 0.3s; -webkit-transition: all 0.3s; background-color:#75b0ea;border-radius:3px; width:85px;height:35px; color:#fff; line-height:36px; font-size:12px; text-align:center}
.bid-list li .text a.more i{ margin-right:2px; font-size:20px; line-height:20px; position:relative;top:3px; font-weight:normal}
.bid-list li .text a.more:hover{ background-color:#3f51b5}
.bid-list li .text a.off{ background-color:#ccc !important}

.file-down-list{ padding:30px 30px;}
.file-down-list p{margin-bottom:15px;padding-bottom:15px; border-bottom:1px #eee solid}
.file-down-list p:last-child{border-bottom:0}
.file-down-list p i{color:#aaa;margin-right:5px;}
.file-down-list p a{color:#338af9;font-weight:bold}
.file-down-list p a:hover{text-decoration:underline}


.search-bg{ background-color:#e9e9e9; padding:40px 30px 60px }
.news-select{  height:50px; margin-bottom:20px; position:relative; z-index:20; }
.news-select h2{ line-height:50px; position:relative; background-color:#f5f5f5; line-height:50px; font-size:14px; padding-left:15px; color:#7a7a7a;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.news-select h2:before{content:"";display:block;width: 0;height: 0;border-left:8px solid transparent;border-right: 8px solid transparent;border-top:8px solid #ccc; position:absolute; right:15px;top:21px;}
.news-select ul{background-color:#fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); visibility:hidden; height:0; overflow:hidden;transition: all 0.4s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.4s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;}
.news-select ul li a{ display:block; padding:0 15px; line-height:36px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.news-select ul li a:hover{ background-color:#eee}
.news-select.hover ul{ visibility:visible; height:108px}
.news-select.hover h2{ background-color:#009fd6; color:#fff}
.news-select.hover h2:before{border-top:8px solid #fff; }

.right-share{ margin-top:30px; margin-left:30px}
.right-share span{ display:inline-block; line-height:50px; margin-right:10px; color:#888}
.right-share a{ display:inline-block; height:36px; width:36px; text-align:center;border-radius:18px; background-color:#3eb135; margin:0 2px}
.right-share a i{ line-height:36px; color:#fff; font-size:24px; font-weight:normal}
.right-share a.a2{ background-color:#eecf3d}
.right-share a.a3{ background-color:#df4d69}
.right-share a.a4{ background-color:#45aaf2}


.bid-view{ padding:50px}
.bid-view .title{ position:relative; margin-bottom:20px;height:110px;}
.bid-view .title h1{font-size:24px; font-weight:500;line-height:36px;}
.bid-view .title h1 em{ background-color:#ececec; color:#9e9e9e; display:inline-block; line-height:36px; padding:0 10px; font-size:14px;border-radius:3px; position:relative;top:-2px; margin-left:10px;}
.bid-view .title p{ color:#999; display:block; margin-top:20px;}
.bid-view .bid-con{background-color:#f7f7f7; padding:30px}
.bid-view .item{ position:relative; font-size:16px;line-height:1.8}
.bid-view .item .content{ width:82%; margin-left:18%; padding:10px 30px 10px 0; }
.bid-view .item .content p{ margin-bottom:10px;}
.bid-view .item label{ display:block; width:18%; position:absolute; left:0;top:8px; text-align:right; padding-right:10px; font-weight:normal; color:#999}
.bid-view .item label i{ font-size:24px; margin-right:3px; position:relative;top:4px; line-height:24px;}
.bid-view .file{ position:relative; margin-top:50px; margin-left:105px; font-size:16px;}
.bid-view .file h2{ position:absolute; left:-105px;top:-15px; font-size:16px; line-height:30px; font-weight:bold}
.bid-view .file h2 em{ display:inline-block; width:40px;height:40px; background-color:#009fd6; color:#fff; line-height:44px; text-align:center;border-radius:20px; margin-right:10px; position:relative;top:4px}
.bid-view .file h2 em i{ font-size:30px; line-height:42px; font-weight:normal;}
.bid-view .file p{ margin-bottom:10px}
.bid-view .file p a{ color:#338af9}
.bid-view .file p a:hover{ text-decoration:underline}



/*党的建设*/
.party-main{ padding-bottom:30px; padding-top:0px }
.party-main .line{ height:12px; background:url(../images/party-line-bg.png) repeat-x; margin: 0 30px}
.party-main .item-a{ width:46.5%; float:left; overflow:hidden; position:relative; margin-left:30px; margin-top:30px;}
/*
.party-main .item-a .bd{ width:100%;}
.party-main .item-a .bd ul li{ position:relative}
.party-main .item-a .bd ul li img{ width:100%}
.party-main .item-a .bd ul li p{ position:absolute; left:0;bottom:0; height:50px; z-index:2; width:100%}
.party-main .item-a .bd ul li p em{ position:absolute; left:0;top:0; width:100%; height:50px; background-color:#000;opacity:0.2;}
.party-main .item-a .bd ul li p a{ position:relative; z-index:2; color:#fff; font-weight:bold; line-height:50px; padding-left:20px;}
.party-main .item-a .bd ul li p a:hover{ text-decoration:underline}
.party-main .item-a .hd{ position:absolute; right:15px;bottom:19px; z-index:10}
.party-main .item-a .hd li{ width:12px; height:12px; background:url(../images/slider-icon.png) no-repeat -13px center; float:left; cursor:pointer; margin-left:6px;}
.party-main .item-a .hd li.on{ background-position:0 center;}
*/

.party-main .item-a .swiper-container{overflow:hidden; height:300px;}
.party-main .item-a .swiper-slide{ position:relative; background-repeat:no-repeat; background-size:cover}
.party-main .item-a .swiper-slide img{ height:100%}
.party-main .item-a .swiper-slide p{ position:absolute; left:0;bottom:0; height:40px; z-index:2; width:100%}
.party-main .item-a .swiper-slide p em{ position:absolute; left:0;top:0; width:100%; height:40px; background-color:#000;opacity:0.2;}
.party-main .item-a .swiper-slide p span{ position:relative; z-index:2; color:#fff; font-weight:bold; line-height:40px; padding-left:20px;}
.party-main .item-a .swiper-slide a{ display:block; position:absolute; left:0;top:0; width:100%; height:100%}
.party-main .item-a .pagination{position: absolute; z-index: 100; bottom:11px; width: 100%; text-align: right; padding-right:20px; margin:0}
.party-main .item-a .swiper-pagination-switch{display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #fff; margin: 0 5px; opacity: 0.8;  cursor: pointer; }
.party-main .item-a .swiper-active-switch{background: #0090ff;}


.party-main .item-b{ width:46.5%; float:right; margin-right:30px; margin-top:35px;}
.party-main .item-b h2{ height:40px; border-bottom:1px #eee solid}
.party-main .item-b h2 strong{ display:block; float:left;height:40px; border-bottom:3px #e30000 solid; font-size:18px; }
.party-main .item-b h2 a{ float:right; font-size:12px; color:#8a8a8a; display:inline-block; border:1px #eee solid; padding:0px 10px; line-height:26px; position:relative; margin-top:-4px;}
.party-main .item-b h2 a:hover{ color:#4a4a4a; background-color:#eee}
.party-main .item-b dl{ padding-bottom:20px;border-bottom:1px #ddd dotted; margin-top:15px;}
.party-main .item-b dl strong{display:block; font-size:18px; margin-left:105px; position:relative; line-height:24px; }
.party-main .item-b dl strong em{font-family:"NoveDemiBold"; position:absolute; left:-105px;top:0px; color:#e30000}
.party-main .item-b dl strong a{ color:#444;max-width:360px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;_width:360px; display:inline-block }
.party-main .item-b dl strong a:hover{ color:#1d3994}
.party-main .item-b dl p{ font-size:13px; color:#888; margin-top:7px; line-height:2; }
.party-main .item-b dl p a{ color:#666;}
.party-main .item-b dl p a:hover{ text-decoration:underline; color:#c31a2d}
.party-main .item-b ul{ margin-top:10px;}
.party-main .item-b ul li{ padding:6px 0; height:32px;  line-height:20px; margin-right:75px; position:relative }
.party-main .item-b ul li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:15px;display:inline-block; max-width:400px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;_width:400px; text-align:left;}
.party-main .item-b ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#aaa; position:absolute; right:-75px;top:7px;}

.party-main .item-c{ width:46.5%; background-color:#fff;height:270px; float:left; margin-left:30px; margin-top:30px; border:1px #eee solid}
.party-main .item-c h2{background-color:#eee}
.party-main .item-c h2 strong{ display:block; line-height:50px;  float:left; font-size:18px; background-color:#fff; padding:0 40px}
.party-main .item-c h2 a{ float:right; margin-right:20px; margin-top:18px; font-size:14px;}
.party-main .item-c .con{ padding:20px 25px}
.party-main .item-c .con li{ padding:5px 0; height:30px;  line-height:20px; margin-right:75px; position:relative }
.party-main .item-c .con li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:15px;display:inline-block; max-width:400px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;_width:400px; text-align:left;}
.party-main .item-c .con li span{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#aaa; position:absolute; right:-75px;top:7px;}

.party-main .item-d{ width:46.5%; background-color:#fff;height:270px; float:right; margin-right:30px; margin-top:30px; border:1px #eee solid}
.party-main .item-d h2{background-color:#eee}
.party-main .item-d h2 strong{ display:block; line-height:50px;  float:left; font-size:18px; background-color:#fff; padding:0 40px}
.party-main .item-d h2 a{ float:right; margin-right:20px; margin-top:18px; font-size:14px;}
.party-main .item-d .con{ padding:20px 25px}
.party-main .item-d .con li{ padding:5px 0; height:30px;  line-height:20px; margin-right:75px; position:relative }
.party-main .item-d .con li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:15px;display:inline-block; max-width:400px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;_width:400px; text-align:left;}
.party-main .item-d .con li span{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#aaa; position:absolute; right:-75px;top:7px;}

.party-main .item-e{  background-color:#fff; margin-left:30px; margin-right:30px; margin-top:30px; border:1px #eee solid}
.party-main .item-e h2{ background:url(../images/party-title-bg.png) no-repeat #e30000; }
.party-main .item-e h2 strong{ display:block; line-height:50px;  float:left; font-size:18px;color:#fff; padding:0 25px}
.party-main .item-e .con{ margin:25px 25px; overflow:hidden}
.party-main .item-e .con ul{ }
.party-main .item-e .con li{ width:24%; float:left; margin-right:30px;}
.party-main .item-e .con li img{ width:100%  }
.party-main .item-e .con li span{ display:block; text-align:center; line-height:18px;height:36px; overflow:hidden; margin-top:10px;}


.culture-item-a{ margin:30px; background:url(../images/culture-pic.png) no-repeat 92% center; height:200px; padding-right:350px; padding-top:10px}
.culture-item-a h2{  font-weight:400; position:relative;  line-height:24px;font-size:18px;}
.culture-item-a b{font-size:24px; display:block; margin-top:10px;}
/*.culture-item-a h2:before {content:""; position: absolute; display:block; height:4px;width:120px; background:#e62129; left:50%;top:40px; margin-left:-60px; }*/
.culture-item-a h2:before {content:"";display:block;width: 0;height: 0;border-left:8px solid transparent;border-right: 8px solid transparent;border-top:12px solid #bbb; position:absolute; left:79px; top:7px; }
.culture-item-a p{ margin-top:25px; line-height:2; color:#6a6a6a; font-size:15px;}
/*
.culture-item-b{ padding:30px; background-color:#f4f4f4}
.culture-item-b .view{ width:535px; float:left;}
.culture-item-b .view .image{ background-color:#666; height:361px; overflow:hidden}
.culture-item-b .view .text{ height:181px; background-color:#436dc2; color:#fff; padding:25px 40px; line-height:2; font-size:12px;}
.culture-item-b .view .text h3{ font-size:15px; text-align:center; font-weight:700}
.culture-item-b .view .text p{ margin-top:10px;}
.culture-item-b .view .text p a{ color:#fff; text-decoration:underline; margin-left:10px}
.culture-item-b .view .text p a:hover{ text-decoration:none}
.culture-item-b .list{width:600px; float:right}
.culture-item-b .list li{ width:33.333333%; float:left; border-bottom:1px #f4f4f4 solid; border-right:1px #f4f4f4 solid}
.culture-item-b .list li a{ display:block; background-color:#fff; height:180px; text-align:center; padding-top:40px;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; }
.culture-item-b .list li a i{ font-size:50px; line-height:70px; display:block; color:#436dc2;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; }
.culture-item-b .list li a span{ display:block; font-weight:bold; color:#888;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; margin-top:5px; }
.culture-item-b .list li a.current{ background-color:#436dc2;}
.culture-item-b .list li a.current i{ color:#fff}
.culture-item-b .list li a.current span{ color:#fff}
.culture-item-b .list li .other{ height:180px; background:url(../images/culture-other.jpg) no-repeat}
*/

.culture-item-c{}
.culture-item-c .text{ width:50%; float:left}
.culture-item-c .text .item{ background:url(../images/culture-building.jpg) no-repeat right bottom #f1f1f1; padding:40px 40px}
.culture-item-c .text .item h2{ color:#888; font-size:18px; position:relative}
.culture-item-c .text .item h2:before {content:"";display:block;width: 0;height: 0;border-left:8px solid transparent;border-right: 8px solid transparent;border-top:12px solid #bbb; position:absolute; left:99px; top:3px; }
.culture-item-c .text .item h2 b{color:#1c64b7; display:block;font-size:20px; font-weight:bold; margin-top:10px; }
.culture-item-c .text .item p{ margin-top:15px; line-height:1.6; color:#888}
.culture-item-c .text .item.current{ background:#436dc2; color:#fff}
.culture-item-c .text .item.current h2{ color:#fff}
.culture-item-c .text .item.current h2:before {border-top:12px solid #fff; left:79px }
.culture-item-c .text .item.current h2 b{ color:#fff}
.culture-item-c .text .item.current p{ color:#b3c4e7}
.culture-item-c .image{ width:50%; height:580px; overflow:hidden; float:right}
.culture-item-c .image img{ height:580px; width:100%;-webkit-transition: -webkit-transform 2s ease-out;-moz-transition: -moz-transform 2s ease-out;-ms-transition: -ms-transform 2s ease-out;transition: transform 2s ease-out}
.culture-item-c .image:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.culture-item-d{ width:50%; float:left;height:370px; padding:40px}
.culture-item-d h2{font-size:20px; font-weight:bold; margin-bottom:30px;}
.culture-item-d .item{ position:relative; margin-bottom:20px; margin-left:60px;}
.culture-item-d .item h3{ background:url(../images/culture-h3-bg.jpg) no-repeat; width:40px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fd343b; font-weight:bold; position:absolute; left:-60px;top:0;}
.culture-item-d .item p{ color:#7a7a7a}
.culture-item-e{ width:50%; float:right; background:url(../images/culture-feiji.jpg) no-repeat right 240px #fafafa;height:370px; padding:40px;}
.culture-item-e h2{font-size:20px; font-weight:bold; margin-bottom:30px;}
.culture-item-e ul{ margin-top:50px; margin-left:16px;}
.culture-item-e ul li{ width:138px; height:138px; float:left; background:url(../images/culture-i1.png) no-repeat; line-height:138px; text-align:center; font-size:16px; position:relative; margin-left:-16px;}
.culture-item-e ul li.i2{ background:url(../images/culture-i2.png) no-repeat; }
.culture-item-e ul li.i3{ background:url(../images/culture-i3.png) no-repeat; }
.culture-item-e ul li.i4{ background:url(../images/culture-i4.png) no-repeat; }


.culture-left{ width:810px; float:left; padding-bottom:50px; margin-left:30px;}
.culture-right{ width:300px; float:right; margin-top:30px; margin-right:30px;}
.culture-right img{ width:100%}

.social{ }
.social .item-a{ padding: 30px;}
.social .item-a .text{ width:68%; float:right; padding-top:10px; padding-left:30px;}
.social .item-a .text h2{font-size:24px;height:100px; }
.social .item-a .text h2 strong{font-weight:normal}
.social .item-a .text h2 span{ display:block; margin-top:10px; font-family:"dincond-medium-webfont"; font-size:40px;  font-weight:bold; color:#68b92e}
.social .item-a .text p{ line-height:2; color:#6a6a6a; font-size:15px;}
.social .item-a .image{ width:32%; float:left;}
.social .item-a .image  img{ width:100%}
.social .item-c{ overflow:hidden; margin-top:30px; padding:0 30px 30px;}
.social .item-c ul{}
.social .item-c ul li{ width:32%;  float:left; margin-left:2%;margin-bottom:30px}
.social .item-c ul li .image{overflow:hidden}
.social .item-c ul li .image img{ width:100%;;-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-o-transition-duration:1s; display:block}
.social .item-c ul li .text{ background-color:#f4f4f4; padding:20px 30px 30px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.social .item-c ul li .title{ font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.social .item-c ul li .description{ margin-top:10px; color:#8a8a8a; font-size:13px; line-height:1.7;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.social .item-c ul li .more{ margin-top:10px;}
.social .item-c ul li .more a{ color:#436dc2; font-weight:bold;}
.social .item-c ul li:hover .image img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.social .item-c ul li:hover .text{ background-color:#436dc2; color:#fff}
.social .item-c ul li:hover .description{ color:#bbccee}
.social .item-c a.more-btn{ display:block; padding:10px 0 15px; line-height:40px;text-align:center; background-color:#f4f4f4; color:#888;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; font-size:16px; }
.social .item-c a.more-btn i{ font-size:40px; line-height:40px; position:relative; margin-right:5px; top:10px; color:#436dc2;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; position:relative}
.social .item-c a.more-btn:hover{ background-color:#436dc2; color:#fff }
.social .item-c a.more-btn:hover i{ color:#fff;  margin-left:-30px}


.social .line{ background-color:#f4f4f4; height:2px; margin:0 30px}



.work-nav a{ display:block; width:360px;height:120px; float:left; margin-left:30px; margin-top:30px; position:relative; margin-bottom:30px}
.work-nav a .image{ width:360px;height:120px; overflow:hidden; position:relative}
.work-nav a .image img{ width:100%;transition-duration: 0.3s;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.work-nav a .image em{ position:absolute; width:100%; height:100%; background-color:#004ba7; left:0;top:0;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.work-nav a .text{ width:100%; position:absolute; left:0;top:27px; z-index:2; text-align:center;}
.work-nav a .text strong{ display:block; font-size:24px; color:#fff; font-weight:normal;text-shadow: 1px 1px 2px rgba(0,0,0,.05);}
.work-nav a .text span{ display:block; font-family:"NoveDemiBold"; color:rgba(255,255,255,0.5); font-size:20px; margin-top:5px;}
.work-nav a i{ display:none; position:absolute; left:50%; margin-left:-12px;top:120px;width: 0; height: 0;border-left:12px solid transparent; border-right: 12px solid transparent;border-top: 8px solid #78c6e8;}
.work-nav a.current .image em{filter:alpha(opacity=0); -moz-opacity:0; opacity:0}
.work-nav a.current i{ display:block}
.work-nav a:hover .image em{filter:alpha(opacity=0); -moz-opacity:0; opacity:0}
.work-nav a:hover .image img{transform:scale(1.1);-webkit-transform:scale(1.1);}

.hr-title{ height:120px; overflow:hidden; position:absolute; left:50%; margin-left:320px; z-index:10;top:170px;}
.hr-title strong{margin-left: 30px;margin-left: 0px \9;color:rgba(255,255,255,0.5);font-size:60px;font-family:"dincond-medium-webfont";text-transform: uppercase;letter-spacing: -1px;-webkit-animation: cth1 800ms ease-out forwards;animation: cth1 800ms ease-out forwards; opacity: 0; display:inline-block}
.hr-title span{ display:inline-block; position:relative;top:-3px;margin-left: -30px;margin-left: 0 \9;color: #5a575b;font-size: 24px;font-weight: bold;-webkit-animation: cth2 800ms ease-out forwards;animation: cth2 800ms ease-out forwards; opacity: 0;}



.job-con{ padding:30px;}
.job-con .job-left{ width:68%; float:left; padding-bottom:30px}
.job-con .job-right{ width:29%; float:right;}
.job-con .job-right .link{margin-top:20px;}
.job-con .job-right .link img{ width:100%}

.job-notice{min-height:357px; background-color:#e8e8e8 !important; padding:30px}
.job-notice h2{ font-size:16px; font-weight:bold}
.job-notice h2 i{ display:inline-block; width:27px; height:19px; background:url(../images/hot.gif) no-repeat;}
.job-notice ul{ margin-top:30px}
.job-notice ul li{ background:url(../images/li.gif) no-repeat 0 8px; padding-left:10px; line-height:1.4; margin-bottom:15px}
.job-notice ul li span{ display:block; color:#aaa; margin-top:3px; font-size:12px;}
.job-notice a.more{display:block; margin-left:10px; width:130px; height:40px; line-height:36px; border:2px #75b0ea solid; text-align:center; color:#75b0ea; margin-top:30px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.job-notice a.more:hover{ background-color:#75b0ea; color:#fff}


.job-search{ background-color:#e8e8e8; padding:30px 40px}
.job-search .item{ position:relative; margin-left:110px; padding:2px 0}
.job-search .item label{ position:absolute; left:-110px;top:5px; line-height:30px}
.job-search .item label i{ color:#fd343b; font-size:30px; font-weight:normal; line-height:30px; position:relative;top:5px; margin-right:4px;}
.job-search .item .job-select{ width:180px; height:40px; position:relative; margin-bottom:10px; margin-top:3px; z-index:2}
.job-search .item .job-select h2{ background-color:#f8f8f8; font-size:14px; height:40px; position:relative; line-height:40px; padding-left:20px; color:#888}
.job-search .item .job-select h2:before{content:"";display:block;width: 0;height: 0;border-left:6px solid transparent;border-right: 6px solid transparent;border-top:8px solid #ccc; position:absolute; right:15px;top:17px;}
.job-search .item .job-select ul{ position:absolute; left:0;top:40px; background-color:#fff; width:550px; padding:20px; display:none;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);}
.job-search .item .job-select ul li{ float:left; margin-right:10px; margin-bottom:7px}
.job-search .item .job-select ul li a{ display:inline-block; padding:0 20px; line-height:36px;}
.job-search .item .job-select ul li a.current{ background-color:#f2f2f2; color:#aaa;border-radius:3px; }
.job-search .item dl{ padding:8px 0}
.job-search .item dl dd{ float:left; margin-right:20px}
.job-search .item dl dd a{ display:block; line-height:30px; float:left; color:#999}
.job-search .item dl dd a:hover{ color:#4a4a4a}
.job-search .item dl dd a.current{ color:#fd343b; font-weight:bold}

.job-list{ margin-top:30px}
.job-list .item{ background-color:#f4f4f4; margin-bottom:20px; padding:27px 40px; position:relative; height:100px; overflow:hidden;transition: all 0.4s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.4s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;}
.job-list .item .date{width:150px; float:left;font-family:"NoveDemiBold"; font-size:22px; color:#bbb; position:relative;top:-4px}
.job-list .item .text{ width:480px; float:left;}
.job-list .item .text strong{ font-size:18px;  display:block; line-height:20px; margin-bottom:10px} 
.job-list .item .text p{ margin-bottom:20px; line-height:20px; color:#7a7a7a}
.job-list .item .text p span{ color:#ddd; margin:0 10px}
.job-list .item .btns a{ display:inline-block; width:110px; height:40px; line-height:36px; border:2px #75b0ea solid; text-align:center; color:#75b0ea; margin-top:10px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.job-list .item .btns a.a1{ background-color:#75b0ea; color:#fff}
.job-list .item .more{ position:absolute; width:100px; height:100%; right:0;top:0; background-color:#e8e8e8; cursor:pointer}
.job-list .item .more i{ display:block; width:28px;height:25px; background:url(../images/job-more.png) no-repeat; position:absolute; left:50%; margin-left:-14px;top:50%; margin-top:-13px;}
.job-list .item.hover{ height:360px;}
.job-list .item.hover .more i{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); }


.job-view{ background-color:#f2f2f2}
.job-btn{ background:url(../images/jianli.png) no-repeat center 30px; width:25%;  float:left;height:320px; padding-top:220px;}
.job-btn a{ height:52px; display:block;line-height:52px;  text-align:center; color:#fff;background:#006db8;border-radius: 30px; font-size:16px;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s; width:60%; margin-left:20%}
.job-btn a:hover{ background-color:#005bac}
.job-content{  float:right; width:75%; background-color:#fff; padding-top:10px; padding-left:40px; padding-bottom:40px}

.job-view h1{ margin-bottom:30px; border-bottom:1px #e8e8e8 solid;height:40px;}
.job-view h1 strong{ display:inline-block; border-bottom:2px #006db8 solid; font-size:24px; height:40px; overflow:hidden; color:#333; font-weight:normal}
.job-view .job-info table{ width:100%; background:#fff;border-spacing:1px;border-collapse: separate;  }
.job-view .job-info table th{ background:#eee; padding:10px 15px; font-weight:normal; text-align:left; }
.job-view .job-info table td{ background:#fafafa; padding:10px 15px; color:#888}
.job-view .job-info table td h2{ font-size:22px; color:#747979}
.job-view .item{ margin-top:40px; line-height:180%; color:#5c5c5c}
.job-view .item h3{ font-size:22px; font-weight:normal; color:#333; margin-bottom:15px;}
.job-view .item p{ margin-bottom:10px;}
.job-view .share{ margin-top:20px; height:40px;}
.job-view .btns{ margin-top:20px;}
.job-view .btns a{ display:block; width:100px; font-size:16px; font-weight:bold; text-align:center; padding:15px 30px; background:url(../images/time-bg.png) no-repeat; font-size:14px;  color:#fff; margin:0 auto;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
.job-view .btns a:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.job-view .item ul{ margin-top:10px;}
.job-view .item li a{ color:#0088e6; background:url(../images/word.gif) no-repeat 0 center; padding-left:25px;}
.job-view .item li a:hover{ text-decoration:underline}




#apply{ background-color:#f1eff1; padding:30px;}
#apply .btns{ margin-top:30px; padding-left:117px}
#apply .btns button{ display:inline-block; border:0; cursor:pointer; padding:0 40px;height:45px; line-height:45px; color:#fff;background:#006db8; font-size:16px; margin-right:10px;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s;}
#apply .btns button.btn2{ background-color:#747979}
#apply .btns button:hover{ background-color:#005bac;}

#apply .form{ line-height:180%; font-size:14px;}
#apply .form span{ margin:0px 2px}
#apply .form table{ width:100%; margin-top:20px;}
#apply .form table td{ padding:6px 10px;  }
#apply .form table tbody th{ padding:6px 10px}
#apply .form table thead td{ font-weight:bold;color:#3ba0ff; padding:10px 0}
#apply .form table thead h2{ font-size:14px;background:#ddd;line-height:40px; text-indent:20px }
#apply .form table tbody td{ }
#apply .form table tbody th{text-align:right;font-weight:normal}
#apply .form table .input{ border:1px #e2e2e2 solid; padding:10px; width:230px; background-color:#fff; color:#555}
#apply .form table .radio{ position:relative;top:-2px}
#apply .form table select{ padding:7px;border:1px #e2e2e2 solid; color:#555; font-size:14px; min-width:252px}
#apply .form table textarea{ border:1px #ccc solid; padding:6px; width:630px; height:80px}
#apply .form table a.btn{ margin-left:5px; display:inline-block; background-color:#747979; color:#fff; font-size:14px; width:80px; height:30px; line-height:30px; text-align:center; position:relative;top:1px;}
#apply .form table a.btn:hover{ background-color:#0066ca}
#apply .form table a.link{ color:#1c7eec; margin-left:10px;}
#apply .form table a.link:hover{ text-decoration:underline; color:#005acb}
#apply .form input.hover{ color:#555;-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);box-shadow: 0 0 6px rgba(0,0,0,0.2); border-color:#74b9ef !important; background-color:#fff !important}



.hr-content{ padding:30px}
.hr-content .item-a{ height:370px; background:url(../images/hr-pic.jpg) no-repeat}
.hr-content .item-a .text{ width:33.333333%; float:left;height:370px; padding:50px; background-color:rgba(255,255,255,0.9)}
.hr-content .item-a .text h1 strong{ display:block; font-size:24px; color:#3a3a3a}
.hr-content .item-a .text h1 span{ display:block;color:#aaa; margin-top:15px; font-size:14px;}
.hr-content .item-a .text p{ margin-top:30px; line-height:1.8}
.hr-content .item-b .item{ width:33.333333%;height:200px; float:left; background-color:#fd343b; color:#fff; padding:30px 40px; text-align:center}
.hr-content .item-b .item h2{ font-size:18px; font-weight:bold}
.hr-content .item-b .item p{ margin-top:15px; line-height:1.8; font-size:13px}
.hr-content .item-b .item.s2{  background-color:#0093d3}
.hr-content .item-b .item.s3{  background-color:#68b92e}
.hr-content .item-c{ position:relative}
.hr-content .item-c h2{ font-size:24px; padding:40px 0 30px 30px}
.hr-content .item-c h2:before{content:"";display:block;width: 0;height: 0;border-left:10px solid transparent;border-right: 10px solid transparent;border-top:15px solid #3f51b5; position:absolute; left:0px;top:45px;}
.hr-content .item-c a.more{ width:100px; height:32px; display:block; border:1px #ddd solid; line-height:32px; text-align:center; right:0;top:40px; position:absolute }

/*-------------------滚动内容区域-------------------*/
.slider-con{ background:url(../images/hr-slider-bg.jpg) no-repeat center center; background-size:cover; padding:90px 0 110px}

.hr-content .hiSlider { overflow: hidden }
.hr-content .hiSlider-item { float: left }
.hr-content .hiSlider-title { position: absolute; z-index: 3 }
.hr-content .hiSlider-pages { position: absolute; bottom: 0px; height: 7px; line-height: 7px; font-size: 0 }
.hr-content .hiSlider-pages a { background:#575757; width:7px; height:7px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:0 3px; padding:0; display:inline-block; text-indent:-9999px; overflow:hidden }
.hr-content .hiSlider-pages a.active { background: #fff }

.hr-content .hiSlider-btn-prev,.hr-content .hiSlider-btn-next { position: absolute; z-index: 5; top: 50%; margin-top: -85px; width: 40px; text-align: center; height: 170px; line-height: 170px; background:#f2f2f2; overflow: hidden; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
.hr-content .hiSlider-btn-prev { left: 0px }
.hr-content .hiSlider-btn-next { right: 0px; background-position: -40px 0 }
.hr-content .hiSlider-btn-prev:hover,.hr-content .hiSlider-btn-next:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
@media ( max-width:800px ) {	
	.hr-content .hiSlider-btn-prev,.hr-content .hiSlider-btn-next { margin-top: -20px; height: 40px; line-height: 40px }	
}
.hr-content .hiSlider-btn-prev i{ display:block; width: 0;height: 0;border-top:6px solid transparent;border-right:8px solid #888; border-bottom:6px solid transparent; position:absolute; left:50%; margin-left:-4px;top:50%; margin-top:-6px;}
.hr-content .hiSlider-btn-next i{ display:block; width: 0;height: 0;border-top:6px solid transparent;border-left:8px solid #888; border-bottom:6px solid transparent; position:absolute; left:50%; margin-left:-4px;top:50%; margin-top:-6px;}
.hr-content .in-hiSliderbox { height: 100% }
.hr-content .in-hiSliderbox .hiSlider-wrap { height: 220px!important; position: absolute; top: 20px; -webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; }
.hr-content .in-comarea:hover .in-hiSliderbox .hiSlider-wrap { position: absolute; top: 50px }
.hr-content .in-hiSliderbox .hiSlider-item { height: 200px!important }
.hr-content .in-hiSliderbox .hiSlider { background:#abde51 }
.hr-content .in-hiSliderbox .hiSlider a.color000:hover { color:#fff }
.hr-content .in-hiSliderbox .hiSlider-pages { margin-left:20px }

.hr-content .inside-hiSlider-con{ background-color:#fff; margin:0 auto; width:60%; padding:40px 40px 80px}
.hr-content .inside-hiSlider-con img{ width:100%; display:block;}

.hr-content .hiSlider-title { width: 60%; margin-left: 20%; text-align: center; font-size: 14px; bottom:40px }
.hr-content .hiSlider-pages { width: 100%; text-align: center; bottom:20px }
.hr-content .hiSlider-pages a.active { background: #fd343b }


/*------人才培训------*/
.training-list{}
.training-list li{ background-color:#f4f4f4; margin-bottom:20px; padding:30px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.training-list li .image{ width:240px; float:left}
.training-list li .image img{ width:100%}
.training-list li .text{ width:440px; float:right}
.training-list li .text span{ display:block; }
.training-list li .text strong{ font-size:18px; margin-top:10px; display:block; line-height:1.6}
.training-list li .text p{ margin-top:20px;}
.training-list li .text p i{ display:inline-block; background-color:#fff;padding:5px 10px; color:#888}
.training-list li:hover{ background-color:#ddd}

/*联系我们*/
.contact-title{ height:120px; overflow:hidden; position:absolute;z-index:10;top:-110px; right:0; }
.contact-title strong{margin-left: 30px;margin-left: 0px \9;color: #ddd;font-size:60px;font-family:"dincond-medium-webfont";text-transform: uppercase;letter-spacing: -1px;-webkit-animation: cth1 800ms ease-out forwards;animation: cth1 800ms ease-out forwards; opacity: 0; display:inline-block}
.contact-title span{ display:inline-block; position:relative;top:-3px;margin-left: -30px;margin-left: 0 \9;color: #5a575b;font-size: 24px;font-weight: bold;-webkit-animation: cth2 800ms ease-out forwards;animation: cth2 800ms ease-out forwards; opacity: 0;}
.contact .item-a .qr-code{ width:30%; float:left; text-align:center; padding:40px; background-color:#e0e2e4;height:290px;}
.contact .item-a .qr-code .image{ width:155px; height:155px; margin:0 auto; background:url(../images/qr2.png) no-repeat; background-size:100%}
.contact .item-a .qr-code img{ width:155px;}
.contact .item-a .qr-code span{ display:block; margin-top:10px; line-height:1.6}
.contact .item-a .text{ width:70%; float:right;height:290px; background:url(../images/contact-text-bg.jpg) no-repeat; padding:30px 40px}
.contact .item-a .text h1 strong{ display:block; font-size:26px; }
.contact .item-a .text h1 span{ display:block; font-size:16px; color:#aaa; margin-top:5px;}
.contact .item-a .text ul{}
.contact .item-a .text ul li{ margin-bottom:5px; color:#7a7a7a; }
.contact .item-a .text ul li label{ margin-right:5px;}
.contact .item-a .text ul li a#map-btn{ display:inline-block;background-color: #0cafe5; width: 110px; text-align:center;line-height: 32px; position:absolute;color: #fff; margin-left:10px; margin-top:-6px; border-radius:4px }
.contact .item-a .text ul li a#map-btn i{ font-size:14px; margin-right:3px;}
.contact .item-a .text ul li a#map-btn:hover{ background-color:#1f8bcc}
.contact .item-b{ background:url(../images/map-bg.jpg) no-repeat; position:relative}
.contact .item-b .con{ width:70%; float:right; background-color:#fff; padding:40px; min-height:400px;}
.contact .item-b h2{ position:absolute; left:60px;top:40px;}
.contact .item-b h2 strong{ display:block; font-size:20px; color:#fff}
.contact .item-b h2 span{ display:block;font-family:'NoveDemiBold'; color:#419dd4; font-size: 30px; line-height: 26px; margin-top:20px;}
.contact .item-b .item{ margin-bottom:30px; padding-bottom:30px; border-bottom:5px #eee solid}
.contact .item-b .item h3{ font-size:16px; color:#222; font-weight:bold}
.contact .item-b .item ul{ margin-top:15px;}
.contact .item-b .item ul li{ margin-bottom:5px; color:#7a7a7a}
.contact .item-b .item ul li label{ margin-right:5px;}
.contact .item-b .item:last-child{ border-bottom:0}

.b-map{ position:fixed; left:0;top:100%; width:100%;height:100%; z-index:10000; background-color:rgba(50,50,50,0.8); visibility:hidden;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;}
.b-map .contact-map{ width:76%;height:72%; position:absolute; left:12%;top:14%; background-color:#fff;box-shadow:0px 5px 15px rgba(0,0,0,.2)}
.b-map .close-btn{ position:absolute; right:12%;top:14%; width:80px; height:80px; background:url(../images/close4.png) no-repeat center center #3f51b5; display:block; z-index:2}
.b-map.hover{ visibility:visible;top:0;}


.disclosure-con{  background-color:#f2f2f2;}
.disclosure-right{ width:78%; float:right; padding-bottom:50px; background-color:#f7f7f7; min-height:700px }
.disclosure-nav{ width:22%; float:left; height:400px; padding:30px}
.disclosure-nav li a{display:block;line-height:60px;padding-left:35px;background-color:#fff;margin-bottom:5px;color:#777;position:relative}
.disclosure-nav li a:before{content:"";display:block;width: 4px;height: 16px;background-color:#3f51b5; position:absolute; left:20px;top:22px;border-radius:3px;}
.disclosure-nav li.current a{background-color:#3f51b5;color:#fff;font-weight:bold}
.disclosure-nav li.current a:before{background-color:#fff}

.disclosure-search{padding:30px}
.disclosure-search .form{padding:30px;background-color:#ddd;text-align:center}
.disclosure-search .form .input{border:0;background-color:#fff;width:400px;height:40px;}
.disclosure-search .form button{height:40px;background-color:#3f51b5;color:#fff;border:0;width:50px;}
.disclosure-search .reslut{margin-top:30px;}
.disclosure-search .reslut .item{background-color:#fff;padding:30px;margin-bottom:10px;position:relative;overflow:hidden}
.disclosure-search .reslut .item em{width:40px;height:40px;text-align:center;padding:20px 0 0 18px;color:#fff;display:block;background-color:#ff0000;border-radius:20px;font-size:12px;position:absolute;left:-20px;top:-20px;}

/* --------------图片浏览滚动效果---------------------- */
.imgShowBox{background: url(../images/black.png) repeat;background: none rgba(50,50,50,0.85);bottom: 0;left: 0;position: fixed;right: 0;top: 0;transform: translateY(100%);transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;z-index: 99999;width: 100%;overflow: hidden;-webkit-overflow-scrolling: touch;}
.no-csstransitions .imgShowBox{display: none;}
.imgShowDemo{width: 100%;height: 100%;position: relative;overflow: hidden;}
.imgShowDemo .item{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;position: relative;background-size: contain;}
.imgShowDemo .img{vertical-align: middle;height: auto;width: auto;max-height: 100%;max-width: 90%;margin: auto;position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);  }
.imgShowDemo p{background: url(../images/black.png) repeat;background:#006db8;font-size: 16px;color: #FFF;position: absolute;left: 0;right: 0;bottom: 0;width: 100%;padding: 20px 0px; text-align:center}
/*.imgShowDemo .txt .i{padding:0px 3%;}
.imgShowDemo .txt .t{font-size: 22px;line-height: 1.4;padding: 15px 0px;}*/.hi-num{width: 85px;height: 65px;background: #272727;color: #FFF;border-left: 1px solid #3a3a3a;position: absolute;bottom: 0;right: 0;text-align: center;line-height: 65px;font-size: 16px;}
.img-show{transform: translateY(0) !important;-webkit-transform: translateY(0) !important;}
.no-csstransitions .img-show{display: block;}
.imgShowDemo .slick-prev, .imgShowDemo .slick-next{width: 51px;height: 51px;position: absolute;top: 50%;margin-top: -25px;z-index: 100;transition: all 0s ease 0s;-webkit-transform: all 0s ease 0s;font-size: 0; border:0;}
.imgShowDemo .slick-prev{background: url(../images/img_btn2.png) no-repeat scroll left top;left: 2%;}
.imgShowDemo .slick-next{background: url(../images/img_btn2.png) no-repeat scroll right top;right: 2%;}
.imgShowDemo .slick-prev:hover{background-position: left bottom;}
.imgShowDemo .slick-next:hover{background-position: right bottom;}
.overlayClose{width: 56px;height: 56px;display: block;position: fixed;right: 20px;top:20px;transition: 300ms;-webkit-transition: 300ms;z-index: 100; cursor:pointer}
.overlayClose i{background: url(../images/close4.png) no-repeat scroll center center;width: 100%;height: 100%;display: block;transition: 400ms;-webkit-transition: 400ms;}
.overlayClose:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}


/* Slider*/
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden{display: none;}
/*slick end*/


.xuzhi{padding:20px 40px; background-color:#fff}
.xuzhi .title{font-size:30px;text-align:center}
.xuzhi .content{margin-top:30px; line-height:2}
.xuzhi .content p{margin-bottom:15px;}


/* 分享代码  */
.jsmodern-share{position:fixed;top:50%;left:50%;width:300px;height:335px;z-index:999999;background:#fff;border:#ccc solid 1px;border-radius:10px;  box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 0.3);
overflow:hidden;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.jsmodern-share p{display:block;height:20px;text-align:center;font-size:18px;margin:15px 0 20px 0}
.jsmodern-share div{width:260px;height:260px;margin:0 auto}
.jsmodern-share b{position:absolute;width:20px;height:20px;background:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA/UlEQVQ4T8WU7ZEBQRCGHxFciQARIBJEcGRABFYEZIAIEAkyIAMhqFdtV7WpabuOqptfM9Pdz0x/NvjyalTwesAg0TkAp8guAg6BJdAODC/ADNin8hxwA/zWjIR0J143Bb4DM84T1APl5s69dga6wU9T2cjc90DFpVUCbkATGAPrBCoX9Svp/JQy2Xa0N6CyeQwMPdRguYf6yr4BC2Cecc8DJNbPcjDJFkBRBZSiQbWPYP8H/LPLX0+KYvBJ2VytTV8Vth6IelnDQV7Zyha2lUXdPjbYtsz+4/zpcHiCRUDdq69XrhXTmlfMpnXHlzdWnAT3SzPw7QEbDJnq6ztc3EQVa6MIgAAAAABJRU5ErkJggg==);right:4px;top:4px;cursor:pointer;color:#ccc;opacity:.1;transition:.1s}
.jsmodern-share b:hover{opacity:.5}
.jsmodern-marquee{overflow:hidden}
.jsmodern-marquee-inner{float:none!important;margin:0!important;padding:0!important;background:transparent!important}
.jsmodern-marquee-default,.jsmodern-marquee-repeat{float:left;margin:0!important;padding:0!important;background:transparent!important}
.jsmodern-marquee-part{display:block;float:left}
.jsmodern-picture-container{display:block;position:relative;overflow:hidden}
.jsmodern-picture-container a{display:block;color:#fff;text-decoration:none}
.jsmodern-picture-container img{border:0}
.jsmodern-picture-inner{position:absolute;height:100%;top:0;left:0;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.jsmodern-picture-part{overflow:hidden}
.jsmodern-picture-fade{width:100%}
.jsmodern-picture-fade .jsmodern-picture-part{position:absolute;display:none}
.jsmodern-picture-slide .jsmodern-picture-part{float:left}
.jsmodern-picture-slide img{display:block}
.jsmodern-picture-dot{position:absolute;bottom:15px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.jsmodern-picture-dot b{display:block;float:left;width:10px;height:10px;background:#777;border-radius:5px;cursor:pointer;margin:0 5px;transition:.4s}
.jsmodern-picture-dot b.active{background:#fff}
.jsmodern-picture-prev,.jsmodern-picture-next{display:block;position:absolute;top:50%;width:17px;height:32px;margin-top:-16px;cursor:pointer;background:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAB7klEQVR42s3XbUtaYRzH8euhqUetZC1Dy1q1mLhX0hvxjeyBIIMV1YpuHOkiBmNsc60dvGmNQS/KfR/8ghAOF8frXLIHH5D/+d898fjXjMfj/4JL8XPsIiW7is10kSI+ootAuooVZ7XIIjr4hjKMlBXrKMfrIvP4gB4qk88V6yln3tciBVzgBqtReXp2o9xC0ovkcYZbVG35yrlVTT6pRXI4QYh1xayUG6o257pIgPfo4wVMHKrpq0cw7SJZHGKATcViU+1AvbJxF8lgHyNswzjaVq999bYvosR3uMOOYs7U6069M7ZF0niLe7yCSZJ63mtGOmqRObTwBzUYT2qa0cLc5CIpNPEXdRjP6prV1Gxj9OENHvAaZhY060GzU4/vig5CLM1qEc0KNTt4GvwkPpeJnPf04TI+4xrPfC2h3teatRz19S3hC66gAyc56nmlGSXbC20FX9GFDhx36tVV7xXrm1XK+I5LLLguoR6X6lmO+6NXwQ+0oWsrPtW21asy7Rmwhp84RyHuEqo5V48118Ooil84RR5xrrpT1VaTOhU3EOLYdm1JTrmhao3NNNfWkeXaCpSjq87P34ktDHEQcW1l9WyoXK9/sF5ihL2JAyej2Eg5Jg6Xa+s3WkhJS7GprjrXA6eBrDQUMx4X8e8fwj0L7GH1LqcAAAAASUVORK5CYII=) no-repeat}
.jsmodern-picture-prev{margin-left:15px}
.jsmodern-picture-next{right:0;margin-right:15px;background-position:-17px 0}
.jsmodern-video{background:#000;position:relative;overflow:hidden;z-index:10}
.jsmodern-video-panel{position:absolute;bottom:0;left:0;z-index:2147483648;width:100%;height:40px;line-height:40px;color:#fff;background:rgba(0,0,0,.8);-webkit-user-select:none;-moz-user-select:none;user-select:none}
.jsmodern-video-panel.jsmodern-video-panelFull{left:50%;-webkit-transform:translate(-50%,-10px);-ms-transform:translate(-50%,-10px);transform:translate(-50%,-10px);padding:3px 5px;border-radius:8px}
.jsmodern-video-linebox{height:6px;background:rgba(255,255,255,.25);border-radius:3px;width:460px;width:-webkit-calc(100% - 305px);width:-moz-calc(100% - 305px);width:calc(100% - 305px);float:left;margin:17px 0 0 15px;position:relative;cursor:pointer}
.jsmodern-video-pass{position:absolute;border-radius:3px;height:100%;background:#F06000}
.jsmodern-video-linedot{width:6px;height:6px;background:#fff;border-radius:3px;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);position:absolute}
.jsmodern-video-panel b{cursor:pointer}
.jsmodern-video-panel b,.jsmodern-video-panel span{display:block;float:left}
.jsmodern-video-panel span{font-size:12px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.jsmodern-video-start{margin-left:10px}
.jsmodern-video-start+span{width:14px;height:12px;text-align:center;line-height:12px;font-size:10px;overflow:hidden;margin-top:13px;-webkit-transform:scale(1,0.9) translateY(1px);-ms-transform:scale(1,0.9) translateY(1px);transform:scale(1,0.9) translateY(1px);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.jsmodern-video-start,.jsmodern-video-end{width:39px;text-align:center}
.jsmodern-video-volumebox{width:80px;height:6px;background:rgba(255,255,255,.25);border-radius:3px;float:left;margin:18px 0 0 7px;position:relative;cursor:pointer}
.jsmodern-video-volumeline{width:40px;height:6px;background:#F06000;border-radius:3px;margin-top:0}
.jsmodern-video-volumedot{width:6px;height:6px;background:#fff;border-radius:3px;margin:-6px 0 0 37px;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);position:absolute}
.jsmodern-video-play,.jsmodern-video-volume,.jsmodern-video-fullin{width:18px;height:18px;margin-top:11px;background-position:center;background-repeat:no-repeat}
.jsmodern-video-play{margin-left:10px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAe0lEQVR42q2UQRGAIBREiWAEIhjhRzCKDbCBRjGCDaQBRqDBdzntgRvLm3nXN6sMhIa7G0xBgqHGC1c9RNKcENeZHiInXLQQKdDUUL9OD3GdGOrXaSGSZ4QuddEDo/KPPrgpx1/hwc8YC90wKlckQ1MubYW79IzwOMf4AZCzZlJ6pNv5AAAAAElFTkSuQmCC)}
.jsmodern-video-pause{background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAANUlEQVR42u3MMQoAAAgCwP4/9aR+VjQINtTcoNBicobkTNiS/vEQvSBBggR9hILOD8h5i74A46kzKYwr0EYAAAAASUVORK5CYII=)}
.jsmodern-video-volume{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAqklEQVR42tWT0QmDMBCGHcENXMEBhGaL9rEjZATffKwDZJdmgy7QHZo33zz/0AscBmNaCOIPH3Ke+USTq84ZIrqDdnXPgGuuoAVP4KMi0TddSlCDB5BR3GvEcy/wCYUCF8HNNwFtiBwwQco9jSKKBZQQaa4brt+en0W8eAJGiN2/IusRIiouKv9puA5bP7uXhDfsbP8gtn8GOnUgx8wD6XJHxO6NSNGhPT4LSrtjI5LQNtEAAAAASUVORK5CYII=)}
.jsmodern-video-muted{background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA00lEQVR42s2UsQ3CMBBFqZAokNLQoozgCWJ3NAxAg5QRGIEFEOkpgBFgAbIKC0AoU5nv6CJ9GQI6lIIvPcXxyd93di4D730v9Gf0Xc1mOTA0pTMKi8EFBDm1EQIJ2AKWldiw64wcsMQC3EGsDEzBhLPAM5XBi0r/XjNwBUfKxMimhcYoAzsZ78mkAkZlJBUc5L1uTbSlWbrJWuZOYU5tFJVzbsvUGs3BDTzEkMtsDnsdsQJVR0YbsOTrlzXJpw+yACwnsfGvLVLqWkTftCM2+r//0RPE3HMNwpwYwQAAAABJRU5ErkJggg==)}
.jsmodern-video-fullin{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAKlBMVEVMaXH////////////////////////////////////////////////////m1kuZAAAADXRSTlMAYBAw79DwIM9wgG9/QM+KqQAAAF5JREFUeNqNj0sSwCAIQ6Pit+X+1y2GOs7UTbNA8kYjQE05wpTK7LG8EwcdrwZB7hrcBx1FYfcDCY9UEGdbrFbiBIqpFf90PmGo7NDvtwJt1x7slmN0graWEwIny+sDBBUDznqlFGYAAAAASUVORK5CYII=)}
.jsmodern-video-fullout{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAJ1BMVEVMaXH////////////////////////////////////////////////c+C/6AAAADHRSTlMAgBDQz39QIMBAML9Nf8RqAAAAaElEQVR42r2QQQ7AIAgEV6CIlv+/t3Ap3E2cyyojxIBb7JfqQu/+z+ZCIAU0QtzqEbtMGcCIcCZ0454iIuvFLDHRICkhvUNHsICVqThBnyBHZSqK4+/2Ok9OEdGNOdcSuS1xW2+3jUt8eaUDz3DmFVcAAAAASUVORK5CYII=)}
b.jsmodern-video-fullFalse{opacity:.5;cursor:default}
.jsmodern-dialog-container{position:fixed;width:100%;height:100%;z-index:2147483649;top:0;left:0;background:rgba(0,0,0,.6);opacity:0}
.jsmodern-dialog{position:fixed;top:-10px;left:50%;width:500px;min-width:500px;height:auto;overflow:hidden;padding:15px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background:#fff;border-radius:6px;border:#555 solid 1px;box-shadow:0 0 15px rgba(0,0,0,.4);opacity:0}
.jsmodern-dialog-title{text-align:left;font-size:16px;font-weight:bold;color:#000;word-wrap:break-word;word-break:normal}
.jsmodern-dialog-content{width:100%;height:auto;min-height:60px;overflow:hidden;word-wrap:break-word;word-break:normal;margin-top:10px;font-size:14px;color:#333;line-height:160%}
.jsmodern-dialog>span{display:block;float:right;height:30px;line-height:30px;font-size:13px;padding:0 12px;cursor:pointer;margin:13px 0 0 10px;border-radius:4px;border:#ccc solid 1px;transition:.25s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.jsmodern-dialog>span.jsmodern-dialog-sure{background:#2F7CBE;border-color:#2F7CBE;color:#fff}
.jsmodern-dialog>span.jsmodern-dialog-sure:hover{background:#1563A6;border-color:#1563A6}
.jsmodern-dialog>span.jsmodern-dialog-cancel:hover{background:#eee}
.jsmodern-scrollBar-container{overflow:hidden;position:relative}
.jsmodern-scrollBar-inner{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.jsmodern-scrollbar{position:absolute;top:0;right:2px;width:6px;background:rgba(0,0,0,.3);border-radius:3px;z-index:10px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.jsmodern-lazyload{display:block;opacity:0}
.jsmodern-page-content{text-align:center;margin-left:auto;margin-right:auto}
.jsmodern-page-target>*{display:none}
.jsmodern-page{height:38px;display:inline-block;overflow:hidden;border-radius:19px;border:#e8e8e8 solid 1px;margin:0 auto}
.jsmodern-page>div i,.jsmodern-page>i{display:block;float:left;width:40px;height:38px;line-height:38px;font-size:13px;text-align:center;cursor:pointer;font-style:normal;background:#f5f5f5;transition:.15s;font-weight:bold;color:#333}
.jsmodern-page i{border-right:#e3e3e3 solid 1px;border-left:#fff solid 1px}
.jsmodern-page>div{float:left;max-width:420px;overflow:hidden}
.jsmodern-page>div div{height:38px}
.jsmodern-page i.active{background:#E04636;color:#fff;box-shadow:rgba(0,0,0,.2) 0 0 10px inset;border-right-color:#fff}
.jsmodern-page i:hover{color:#E04636}
.jsmodern-page i.active:hover{color:#fff}
.jsmodern-page>i span{display:inline-block;font-size:20px}
.jsmodern-page>i:first-child{border-radius:19px 0 0 19px}
.jsmodern-page>i:last-child{border-radius:0 19px 19px 0}
i.jsmodern-page-first,i.jsmodern-page-last,i.jsmodern-page-next,i.jsmodern-page-prev{line-height:33px}



#message{ width:400px; padding:30px 40px 40px; background:#fff; margin:0 auto; border:1px #ddd dashed; position:relative;top:150px; text-align:center}
#message .msg{ margin-bottom:20px; font-size:15px; font-weight:bold;font-family:Tahoma, "microsoft Yahei"; line-height:26px;}
#message .msg a{ text-decoration:underline; color:#0066cc} 
#message .msg a:hover{ color:#b1000; text-decoration:none}